http://w3schools.com/css/default.asp
Kaskadowe arkusze stylów (Cascading Style Sheets)- język służący do zarządzania. wirtualną częścią strony internetowej. Style CSS składają się z listy reguł (dyrektyw) określających, w jaki sposób zostanie wyświetlony wybrany element dokumentu HTML. Lista pozwala m.in. na wprowadzenie zmian w kolorze tekstu, kroju czcionki, tle strony, marginesach, odstępach między literami i wierszami, wyglądzie odsyłaczy oraz położeniu elementów.
Głównym celem stworzenia języka CSS było odseparowanie treści dokumentu od jego strony wizualnej.
Wyróżniamy trzy typy arkuszy CSS:
- styl wpisany - bardzo rzadko używany, bo praktycznie nie odbiega od kodu HTML - należy wpisać fragment kodu przy każdym znaczniku
- styl osadzony - w nagłówku dokumentu HTML umieszcza się skrypt CSS dla dokumentu; lepszy od wpisanego, bo dotyczy całego dokumentu, jest jednak niezalecany
- styl dołączony - zalecane użycie CSSa, bo informacje CSS są zapisane w osobnym pliku, a w dokumentach HTML podajemy link do niego, wtedy możemy w ten sam sposób sformatować kilka podstron; można też używać kilka arkuszy stylów
Hierarchia użycia stylów przez przeglądarkę wg kolejności użycia:
- style wpisane
- style osadzone
- style dołączone
Atrybuty formatowania w języku CSS definiuje się za pomocą tzw. reguł stylów. Każda reguła odnosi się do konkretnego elementu (znacznika) i składa się z dwóch części: selektora i deklaracji. Selektor określa do jakich elementów ma zostać przypisane formatowanie, a deklaracja podaje to formatowanie i jest umieszczona w nawiasie klamrowym {...}. Każda deklaracja składa się przynajmniej z jednego zespołu cecha lub inaczej własność albo właściwość (ang. property) - wartość (ang. value), przy czym można podać dowolną liczbę, rozdzielając kolejne znakiem średnika (;). Średnik na końcu deklaracji nie jest konieczny.
Jednostki w CSS:
- Długość
- względne czcionki - odwołanie do aktualnego rozmiaru czcionki
- em - wysokość aktualnej czcionki
- ex - wysokość małej litery w aktualnej czcionce
- ch - szerokość cyfry 0 w aktualnej czcionce
- bezwzględne czcionki
- in - cale (~2.54 cm)
- cm - centymetry
- mm - milimetry
- pt - punkty typograficzne ( in)
- pc - pika (12 pt)
- px - piksele ( in)
- względne czcionki - odwołanie do aktualnego rozmiaru czcionki
- Procenty
- Kąty
- deg - stopnie
- grad - gradus
- rad - radian
- turn - obroty (CSS 3)
- Czas
- ms - milisekundy
- s - sekundy
- Częstotliwość
- Hz - herc
- kHz - kiloherc
- Łańcuchy znakowe
- Rozdzielczość
- dpi - plamki na cal
- dpcm - plamki na centymetr
- dppx - plamki na piksel (=96 dpi)