css
LESS
Less - dynamiczne arkusze stylów dobre praktyki: do komentarzy używaj // zamiast /* .. */ używaj mixins z parametrami kompilując kod LESS minifikuj CSS twórz kod...
css
quotes – cytaty
określenie stylu w jaki zostaje wyróżniony cytat q { quotes:"<<" ">>"; } q::before { content:open-quote; } q::after {...
css
outline – kontur
jest przypisywany całemu elementowi bez możliwości rozbicia na poszczególne składowe (top, left, right,...
css
obramowanie border
border: border-style none hidden solid - linia ciągła dotted - linia kropkowana dashed - linia kreskowana double - podwójna linia groove - efekt 3D z cieniem na górze ridge...
css
tło, background
parametry: background-color:#e22117; background-image:url(bg_pic.png); background-repeat: repeat (default) - powiela obrazek horyzontalnie i wertykalnie repeat-x - powiela...
css
listy numerowane, punktowane
listy numerowane, punktowane, definicji. określamy: list-style-type - typ listy numerowanej lower-roman - cyfry rzymskie małe upper-roman - cyfry rzymskie duże decimal - cyfry...
css
Przycinanie obrazka
Przycinanie obrazka w kodzie css dzięki parametrowi clip. <style> img { position: absolute; clip:...
css
css pozycjonowanie
position: static absolute relative fixed wartości: top right bottom left Kolejność nakładanych warstw: określona przez kolejność w kodzie, wyższe elementy są...
css
stały background na całym tle strony
background-image:url(images/bg_page.jpg); background-repeat:no-repeat; background-position:top left; background-size:cover; -webkit-background-size: cover; -moz-background-size:...
css
flexbox
container / parent display flex inline-flex flex-direction row row-reverse column column-reverse justify-content center flex-end flex-start...