Klijentske web tehnologije

Vežbe | 4. termin

CSS

Units

• px - Represents a pixel, but may not directly map to device pixels on high-DPI displays. Used for precise measurements.
• em - Relative to the font-size of the element or its parent. Used for scalable layouts and typography.
• vh/vw - 1% of the viewport’s height/width. Useful for responsive design to fit the viewport dimensions.
• % - Percentage relative to a parent element’s corresponding property. Ideal for fluid layouts and responsiveness.

Viewport = Deo prozora u kome browser iscrtava stranicu

Napomene

• Svaki tag moze da ima vise klasa razdvojenih spejsom
• CSS overflow: auto; + pojam: shorthand (overflow-x, overflow-y)

Layout

Zadatak: Rekreiranje slicnog layouta kao sa primera

Display

Poravnanja koriscenjem:

• inline-block
• flex

Tabele

• Grupisanje kolona: colgroup

  Must be a child of a <table> element, after any <caption> elements and before any <thead>, <tbody>, <tfoot>, and <tr> elements. Usage Notes: Only a limited number of CSS properties affect <colgroup>

• border-spacing
• border-collapse: collapse
• <caption> caption-side: bottom

Liste

• list-style-type:
  • none
  • Unordered list: disc, circle, square
  • Ordered list: upper-roman, lower-alpha
• list-style-image: none / url(...)
• list-style-position: inside

This site is open source. Improve this page.