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