|
Front end darsliklari moduli html, css, javascript
|
bet | 4/12 | Sana | 11.04.2023 | Hajmi | 105.45 Kb. | | #50258 |
Bog'liq FRONT END full notes (7) (2022 05 08 17 42 47 UTC) 00, mansur, 1, 2, 3-иловалар(1), Алишер, 1673 (1), MI-102 guruh Ergasheva M6. CSS – INTERMEDIATE
Positionlar:
• Static, relative, fixed, absolute, sticky
• Properties: bottom, left, right, top, z-index
• text-shadow, box-shadow, linear-gradient, raidal-gradiant
static
|
Default value. Elements render in order, as they appear in the document flow
|
Play it »
|
absolute
|
The element is positioned relative to its first positioned (not static) ancestor element
|
Play it »
|
fixed
|
The element is positioned relative to the browser window
|
Play it »
|
relative
|
The element is positioned relative to its normal position, so "left:20px" adds 20 pixels to the element's LEFT position
|
Play it »
|
sticky
|
The element is positioned based on the user's scroll position
|
|
z-index only works on positioned elements (position: absolute, position: relative, position: fixed, or position: sticky) and flex items (elements that are direct children of display:flex elements)
Linear Gradients (goes down/up/left/right/diagonally)
|
| |