Podstawy CSS
Listing 1.9. Styl ve nagłówku określa, że linie u akapicie mają mieć wysokość ISpt, ustawienie to zostaje jednak zastc/pione w drugim akapicie poniższego przykładu
htmł>
head>
•'meta hfcl;p“equiv="Content-Type" -»contrent=s"text/html; charseL-ISO-88S9-2"> <style type="text/css">
P ( fońt-size: lOpt; line-height: 18pt; } </sLyie>
•/head>
body>
-P>Problerny malarskie rozpoczynają się już momencie planowania.
-'O bo jak tu wybrać kolor, skoro można -/brać dowolny.</p>
<P STYLE="line-height: 12pt; margin-left: 30px;" align=,,right,,>
:a przykład różowy? Idzie się do sklepu i —i: "Fanie! Chciałbym mieć różowy zokój". </p>
P>A przedawca na to: "A jaki różowy?'".
: tu pokazuje
:omputerową paletę, w której mamy do >/boru x odcieni różowego.
:óź pozostaje zrobić ... mówimy więc: "Wie r an co, to ja przyjdę z Żoną!".</p> oody>
*•/html>
Cdrt i-ew Qo [J*łp
i i & zi vf m
Hem# S*Ń#tłi NWwcW FłfH *«ipM*y ftMRl
^totmitMesscge,. W Płofrs ‘-i YfrHcwFo-jat -f; Oondikdsd 'Ą Kaw & Ot
j Problemy maraJskic jrbżpgcżynają st-; jut o ntc-nicntu planowania. Ko bo jak tu wybeie kolor I :koio iiiofria wybrać dowc&iy
Ma przykład rózowyl Idat «ę do sklepu i mów Tamci Chciałbym r.neć różowypok&f
A przedawca na to "A jaki różowy?" I tu pokazuje komputerową paletę w której roamy do wyboru x odcieni lórowtgo Cóż pozostaje zrobić .. mówimy więc. *Wie p.u> co. to ja I przyjdę z Zoną ’
V Octcmtmt Cr ni <*. jm •/
Rysunek 1.14. Wyniki wyświetlenia kodu z listingu 1.9 W przeglądarce
Dodawanie reguł CSS
do pojedynczych znaczników
HTML-owych
Kaskadowe arkusze stylów zapewniają, źe nigdy nie będziesz musiał określać indywidualnie wyglądu każdego znacznika.
Co jednak zrobić, gdy będziesz chciał osobno określić wygląd znacznika? Nie ma problemu. Użycie CSS w znaczniku będzie oddziaływało jedynie na konkretny znacznik. Jest to bardzo wygodne, jeśli chcesz zastąpić definicje podane w nagłówku dokumentu.
Umieść atrybut STYLE w dowolnym wybranym znaczniku HTML-owym, którego postać można określić za pomocą CSS.
Wpisz definicje właściwości i upewnij się, że lista definicji została zamknięta za pomocą znaku cudzysłowu.
3. </P>
Jeśli to konieczne, zapisz odpowiedni znacznik zamykający. Wyniki zmiany stylu znacznika zostały pokazane na rysunku 1.14.
■ Choć użycie CSS w pojedynczych znacznikach nie daje korzyści ogólnej zmiany stylu, to niemniej jednak jest bardzo użyteczne przy zastępowaniu stylów zdefiniowanych globalnie. (Patrz „Określanie porządku kaskady” na końcu tego rozdziału).
■ Opisanej tutaj metody możesz użyć do określenia postaci znacznika <BODY>.
Uważaj jednak - może to przysporzyć więcej problemów niż korzyści (patrz notatka „Postępowanie z wszędobylskimi właściwościami” na stronie 42).
Dodawanie reguł CSS
35