(Cascading Style Sheets)
Each element represented as a rectangular box for the rendering
Copyright By PowCoder代写 加微信 powcoder
Start with a new line and stretch to the full width of the container Could contain block and inline elements
Some properties could be applied only to block elements (such as width, height, margin, padding…)
stnemele kcolB
Have the size of the content
Could contain only text and other inline elements Don¡¯t break the flow
*Inline-block – creates a block element (could use all the properties from the block element) which behaves in the flow as inline
stnemele enilnI
Completely removes the element from the flow
enon :yalpsiD
Change visibility of the element, but keep it in the flow
ytilibisiV
Flexbox defines layout where children could be positioned in any direction and change their size based on the available space
Defines the direction in which flex items will be placed
esrever-nmuloc nmuloc
noitcerid-xelf :xelF
esrever-wor
Defines how items will be positioned inside the flex element
dne-xelf trats-xelf retnec hcterts
smeti-ngila :xelF
Defines how space between items will be processed
neewteb-ecaps
trats-xelf
dnuora-ecaps
tnetnoc-yfitsuj :xelF
Removes an element from the normal flow and puts it to the left/right of the container and allows to other inline elements wrap around it
Positions an element based on the normal flow Offset properties have no effect on it
The default value of the position property
noitisop citatS
Positioned an element based on the normal flow Offset properties will apply on it based on its default position
noitisop evitaleR
Removes an element from the normal flow
It will be positioned by the offset properties based on the closest parent element with not static position
noitisop etulosbA
Removes an element from the normal flow Offset properties will apply on it based on the viewport
noitisop dexiF
Sets how an element will show its content when it overflows the edges
visible – content will be rendered outside the edges (default value)
hidden – hide the content outside the edges. Doesn’t allow to scroll
auto – hide the content outside the edges, but allows scrolling to the hidden content
scroll – hide the content outside the edges. Always show scrollbars, even when content fits the element
overflow: visible overflow: hidden overflow: auto
https://www.w3.org/TR/CSS2/ – specification
https://caniuse.com – checks the browsers support of the css properties https://developer.mozilla.org/en-US/docs/Web/CSS/Reference – documentation from Mozilla corporation
https://csstriggers.com – checks what property triggers while rendering https://css-tricks.com – the portal with bunch of helpful tricks and articles
sknil lufpleH
程序代写 CS代考 加微信: powcoder QQ: 1823890830 Email: powcoder@163.com