Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Cechy języka CSS:
- - Oddziela strukturę informacyjną witryny od jej warstwy prezentacyjnej,
- - Daje większe możliwości formatowania tekstu,
- - Pozwala zapisać wszystkie informacje dot. wyglądu dokumentu w oddzielnym pliku tekstowym dołączonym później do dokumentów HTML,
- - Umożliwia formatowanie wielu dokumentów przy użyciu jednego arkuszu stylów,
- - Umożliwia stosowane różnych układów graficznych w zależności od typu urządzenia, na którym zamierzamy wyświetlać projektowaną stronę.
- Przykład atrybutu w CSS:
- body {background-color: #dfdfdf; font-size:12px;}
- Reguły obowiązujące w składni kaskadowych arkuszy stylów:
- - Selektor wskazuje na element HTML, dla którego chcemy ustawić styl,
- - Blok deklaracji zawiera jedną lub kilka deklaracji rozdzielonych średnikami,
- - Każda deklaracja zawiera nazwę właściwości oraz po dwukropku wartość przypisaną do tej wartości,
- - Każda deklaracja kończy się średnikiem,
- - Blok deklaracji jest otocznony nawiasami klamrowymi.
- W dokumencie HTML istnieje kilka sposobów na dołączanie stylów CSS:
- - Styl lokalny (w linii),
- - Wewnętrzny arkusz stylów,
- - Zewnętrzny arkusz stylow.
- Sposób wstawiania stylów zależy od konkretnej sytuacji. Podczas projektowania witryny najczęściej stosuje się rózne sposoby osadzania arkuszy stylów.
- Zewnętrzny arkusz tekstowy
- Plik o rozszerzeniu CSS dołączamy w sekcji <head> dokumentu poleceniem <link rel="stylesheet" href="arkusz.css">.
- Import arkusza stylów:
- <style>
- @import url ("adres importowanego arkusza stylów.css");
- </style>
- Kaskadowość określa hierarchię źródeł stylów. Wyższy priorytet mają style umieszczone bliżej formatowanego elementu.
- DZIDZICZENIE
- Znaczniki zagnieszczone wewenątrz innych znaczników dziedziczą ich formatowanie.
- body (background-color: #DFDFDF;)
- p (color: blue; font-size: 5; font-family: courier new;)
- Do dyspozycji mamy dwa rodzaje jednostek miary - absolutne i relatywne. Przykładem miary absolutnej jest centymetr, relatywnej - piksel.
- Jednostkę miary podajemy zawsze bezpośrednio po liczbie, np. 1cm, 0.1in itd.
- Miary absolutne
- in - cale, 1in = 2.54cm
- cm - centymetry, 1cm
- mm - milimetry, 1mm
- pt - punkty, 1pt = 1/72in
- pc - pika, 1pc = 12pt
- Miary relatywne
- em - wysokość czcionki elementu
- ex - x-height - wysokość litery x
- px - piksele, w odniesieniu do rozdzielczości tła
- Oddzielnie wyróżnia się wielkości procentowe oraz absolutne (np. x-large) i relatywne (np. smaller) miary czcionek.
- Czarny - #000000
- Biały - #FFFFFF
- Czerwony - #FF0000
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement