DHTML0029

Podstawy CSS

Listing l. 1. Nadanie nowego wyglądu znacznikowi ■ B>

B { font: bold 16pt times,serif; text-decoration: underline )

definicja

i    ^J-—i

SelektorHTML { właściwość : wartość; }

słowo kluczowe HTML

¹-1-¹

reguła

Rysunek 1.5. Ogólna składnia reguł CSS używających selektorów HTML-owych

Rysunek 1.6. Teraz wytłuszczenie jest naprawdę widoczne

S Rady

■    Jeśli zmienisz selektor HTML-owy

w powyższy sposób, to wszystkie znaczniki w całym dokumencie zostaną automatycznie zmodyfikowane.

■    W przypadku definiowania pojedynczego znacznika HTML-owego wewnątrz dokumentu, zastosowana składnia jest nieco inna.

Tworzenie reguł CSS przy użyciu

selektorów HTML-owych

Większość znaczników HTML-owych dysponuje już wbudowanymi właściwościami. Weźmy dla przykładu znacznik <BOLD> - jego wbudowane właściwości powodują, że tekst zostaje pogrubiony.

Poprzez dodanie nowych definicji do selektora B znacznika <B> możemy sprawić, że zawartość znacznika będzie miała żądany wygląd. Na rysunku 1.5 przedstawiona została ogólna składnia pełnej reguły CSS używającej selektora HTML-owego, natomiast listing 1.1 pokazuje jeden ze sposobów zmiany wyglądu znacznika <B>. Na rysunku 1.6 pokazane zostały wyniki zmiany definicji znacznika.

Aby zdefiniować selektor HTML-owy

1.    B {

Rozpocznij od selektora HTML-owego, którego właściwości chcesz zdefiniować, a następnie dodaj otwierający nawias klamrowy { rozpoczynający listę definicji, jak pokazano na listingu 1.1.

2.    font:bold 16pttimes,serif; text-decoration: underline;

Wpisz definicje właściwości (patrz „Definicje: właściwości i wartości”, strona 28). Możesz podać tyle definicji, ile Ci się podoba, jednak muszą one być odpowiednie dla opisywanego znacznika HTML-owego. Dla przykładu, wcięcie tekstu nie da żadnych efektów w przypadku jego użycia ze znacznikiem <B>.

3.    >

Zamknij listę definicji za pomocą klamrowego nawiasu zamykającego -jeśli o nim zapomnisz, wszystko pójdzie na marne!

Tworzenie reguł CSS

29