css

quotes – cytaty

określenie stylu w jaki zostaje wyróżniony cytat q { quotes:"<<" ">>"; } q::before { content:open-quote; } q::after {...

counter – licznik

counter pozwala na automatyczną numerację wybranych elementów bez konieczności tworzenia z nich listy numerowanej.   resetowanie licznika by zacząć od wartości 0 przypisujemy...

outline – kontur

jest przypisywany całemu elementowi bez możliwości rozbicia na poszczególne składowe (top, left, right,...

kursor

wygląd kursora możemy określić...

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...

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...

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...

box-model – box-sizing

wymiarowanie elementów. box-sizing: content-box -> wysokość i szerokość (min/max wysokość, szerokość) kontentu bez wliczania ramki, dopełnienia i marginesów (border, padding,...

tekst na stronie

Większość przeglądarek ma obecnie ustawioną wielkość bazową czcionki na 16px.   Jednostki tekstu: % w elemencie body określamy wielkość bazowa -> font-size:100% - czyli...

box-shadow

wewnętrzny i zewnętrzny   -moz-box-shadow:inset 0px 0px 0px 10px rgba(235,240,244,1); -webkit-box-shadow:inset 0px 0px 0px 10px rgba(235,240,244,1); box-shadow:inset 0px 0px 0px 10px...

::after / ::before

pseudoelementy pozwalające na zamieszczenie zawartości na stronie bez potrzeby ingerencji w kod html, w zawiązku z czym nie pojawia się w DOM. ::before przed określonym elementem ::after po...

Przycinanie obrazka

Przycinanie obrazka w kodzie css dzięki parametrowi clip. <style> img { position: absolute; clip:...

ukrywanie

ukrywanie elementów poprzez styl visibility i jego...

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ą...