Front end darsliklari moduli html, css, javascript


Download 105.45 Kb.
bet4/12
Sana15.02.2023
Hajmi105.45 Kb.
#1200512
1   2   3   4   5   6   7   8   9   ...   12
Bog'liq
FRONT END full notes (7) (2022 05 08 17 42 47 UTC)

6. 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)
1   2   3   4   5   6   7   8   9   ...   12




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling