CSS CheatSheet

Tablice informatyczne CSS

Cheat Sheet kaskadowych arkuszy stylów

©cokop

Fuertigo.pl

Internetowe centrum szkoleń

Selektory

*
div
div *
div span
div, span
div > span
div + span
.class
div.class
#id
div#id
a[attr]
a[attr=’x’]
a[class~=’x’]

a[lang|=’en’]

Wszystkie elementy
element <div>
Wszystkie elementy w <div>
<span> w <div>
<div> i <span>
<span> z rodzicem <div>
<span> poprzedzony <div>
Element o klasie „class”
<div> o klasie „class”
Element o ID „id”
Div o ID „id”
<a> z atrybutem „attr”
<a> z atrybutem „attr” = „x”
<a> gdy klasa jest listą
zawierającą „x”
<a> gdy lang zaczyna
się na „en”

Model kontenera

Pseudo-selektory i pseudo-klasy

:first-child
:first-line
:first-letter
:hover
:active
:focus
:link
:visited
:lang(var)
:before
:after

Pierwsze dziecko elementu
Piersza linijka elementu
Pierwsza litera elementu
Element z kursorem „nad”
Aktywny element
Element z focus
Nieodwiedzone hiperłącze
Odwiedzone hiperłączone
Element z lang „var”
Przed elementem
Za elementem

Wielkości i kolory

0 nie wymaga jednostki

Wielkości relatywne

ex
%

1em jest równy wielkości
czcionki rodzica
Wysokość małej litery „x”
Procent

Wielkości absolutne

px
cm
mm
in
pt
pc

Piksele
Centymetry
Milimetry
Cale
1pt = 1/72in
1pc = 12pt

Wielkości absolutne

#xxyyzz
#xyz
rgb(x,x,x)

Heksadecymalny zapis RGB
To samo, co #xxyyzz
Zapis RGB. Gdzie x liczba
od 0 do 255

Kontenery

margin
margin-top
margin-right
margin-bottom
margin-left

padding
padding-left
padding-top
padding-bottom
padding-right

border
border-top
border-bottom
border-right
border-left

border-color
border-top-color
border-right-color
border-bottom-color
border-left-color

border-style
border-top-style
border-right-style
border-bottom-style
border-left-style

border-width
border-top-width
border-right-width
border-bottom-width
border-left-width

Tabele

caption-side
table-layout
border-collapse

border-spacing
empty-cells
speak-header

Pozycjonowanie / widoczność

display
position
top
right
bottom
left
float
vertical-align

clear
z-index
direction
unicode-bidi
overflow
clip
visibility

Kolor / tło

color
background
background-color
background-repeat

background-attachment
background-image
background-position

Teksty

text-indent
text-align
text-decoration
text-shadow
letter-spacing

word-spacing
text-transform
white-space
line-height

Czcionki

font
font-family
font-style
font-variant

font-weight
font-stretch
font-size
font-size-adjust

Interfejs

cursor
outline
outline-width

outline-style
outline-color

Inne

content
quotes
marker-offset

counter-reset
counter-increment

Listy

list-style
list-style-type

list-style-image
list-style-position

Działania

Właściwości

Wielkości

width
min-width
max-width

height
min-height
max-height