DHTML0036
Rozdział 1.
Dodawanie CSS do dokumentu HTML-owego
Głównym zastosowaniem CSS jest definiowanie reguł stylów dla całego dokumentu. W tym celu umieszczamy nasze reguły stylów w nagłówku dokumentu, zapisując je wewnątrz pojemnika stylów.
Aby określić
style znaczników dokumentu
1. <STYLE TYPE="text/css">
Ten tekst otwiera pojemnik stylów CSS wewnątrz nagłówka dokumentu I ITML-owego.
2. P {font:normal 12pt/16pt times.serif;}
P HR {color: red; j.fajnyTekst {color: limę;}
• selektory HTML-owe
• selektory klas
• selektory identyfikatorów
• grupy selektorów
• grupy selektorów kontekstowych
• zaimportowany plik CSS
3. </STYLE>
Zamknij definicję stylów zapisując znacznik zamykający.
^ Rady
■ Nie musisz podawać atrybutu TYPE="text/ css", gdyż przeglądarka sama powinna określić typ arkusza stylu. Atrybut ten jest jednak zalecany, ponieważ pozwala tym przeglądarkom, które nie są w stanie obsługiwać określonych typów arkuszy stylów, pominąć kod. Atrybut ten w jasny sposób precyzuje typ arkusza stylu, co może być wygodne dla innych osób.
■ Do ukrycia arkuszy stylów
w przeglądarkach, które nie są w stanie ich obsługiwać, można także wykorzystać znaczniki komentarzy HTML-owych (patrz notatka „Ukrywanie CSS przed przeglądarkami, które nie są w stanie ich obsługiwać”).
atrybut ■■■ typu
TYPĘ używanego
określa... arkusza stylu
<HEAD> ,—i—, !-1-,
<STYLE TYPE="TEXT/CSS">
<! —
Tu zapisujemy reguły CSS
—>
</STYLE>
</HEAD>
Rysunek 1.15. Części sekcji stylów
Dodawanie CSS do dokumentu
Ukrywanie CSS przed przeglądarkami, które nie są w stanie jch obsługiwać
Nigdy nie wiesz kto przegląda Twoje strony i jakiej używa przeglądarki.
W starszych przeglądarkach, w których kaskadowe arkusże stylów mogą spowodować nieprawidłowe wyświetlanie zawartości strony, możesz ukryć kod CSS za pomocą znaczników komentarzy HTML-owych. Postępowanie takie jest konieczne jedynie wtedy, gdy znacznik <STYLE> jest umieszczony wewnątrz nagłówka dokumentu (czyli wewnątrz znaczników <HEAD>...</HEAD>), patrz rysunek 1.15.
36
Wyszukiwarka
Podobne podstrony:
DHTML0040 Rozdział 1. Rozdział 1. Dodawanie komentarzy do CSSDodawanie komentarzy do CSS Arkusze styDHTML0119 Rozdział 7. Dodawanie elementówDodawanie elementów bezwzględnych do<img src> jest to znacznik służący do wstawiania obrazka do dokumentu html. Przykład składni:Wstawienie skryptu do dokumentu HTML Skrypty JavaScript są zagnieżdżane w dokumentach HTML. SkryptCw.12 JAVAScript w dokumentach HTML Wstawienie skryptu do dokumentu HTML JavaScript jest to interpre28 (551) Rozdział I od rangi, do której przypisuje konsument danemu zakupowi. Im jest ona wyższa, tyklsti176 ROZDZIAŁ 5. UPRAWA ROŚLIN do tej chwili, wschodnim punktem jego zasięgu jest wieś Russfcol®• gotowością do podejmowania ryzyka, której głównym motywem działania jest pomnażanieALG&7 Rozdział 11Algorytmy numeryczne Przez dziesiątki lat pierwszym i głównym zastosowaniem komputeskanowanie0005 Witam, zagadnienia do opracowania do zal. wykładów 1. roślina wskaźnikowa (co to jestDHTML0131 Praktyczne zastosowanie CSS Praktyczne zastosowanie CSS Rozdział 3 KIM iłów o tabelach W jĆw.4 Dokumenty HTML, style CSS_ Przy pomocy języka znaczników opisać można strukturę witrynyL5. Kaskadowe arkusze stylów CSS. Struktura pliku stylu. Osadzanie stylów w dokumencie HTML. L6. SkrDHTML0024 Rozdział 1. Rozumienie reguł CSS Gdzie umieszczać reguły CSS? Reguły mogą być umieszczaneDHTML0046 Rozdział 1. Rozdział 1. Rozwiązywanie problemów z CSSRozwiązywanie problemów z CSS BardzoDHTML0049 Rozdział 2. Określanie czcionkiOkreślanie czcionki Czcionka użyta do wyświetlenia tekstu mDHTML0051 Rozdział 2. Ustawianie wielkośu czcionki 6pl 12ptUstawianie wielkości czcionki HTML udostęDHTML0055 Rozdział 2. Rozdział 2. Gruby, grubszy, najgrubszyGruby, grubszy, najgrubszy W prostym HTMwięcej podobnych podstron