DHTML0036

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 sty
DHTML0119 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. Skrypt
Cw.12 JAVAScript w dokumentach HTML Wstawienie skryptu do dokumentu HTML JavaScript jest to interpre
28 (551) Rozdział I od rangi, do której przypisuje konsument danemu zakupowi. Im jest ona wyższa, ty
klsti176 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żanie
ALG&7 Rozdział 11Algorytmy numeryczne Przez dziesiątki lat pierwszym i głównym zastosowaniem kompute
skanowanie0005 Witam, zagadnienia do opracowania do zal. wykładów 1. roślina wskaźnikowa (co to jest
DHTML0131 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ę witryny
L5. Kaskadowe arkusze stylów CSS. Struktura pliku stylu. Osadzanie stylów w dokumencie HTML. L6. Skr
DHTML0024 Rozdział 1. Rozumienie reguł CSS Gdzie umieszczać reguły CSS? Reguły mogą być umieszczane
DHTML0046 Rozdział 1. Rozdział 1. Rozwiązywanie problemów z CSSRozwiązywanie problemów z CSS Bardzo
DHTML0049 Rozdział 2. Określanie czcionkiOkreślanie czcionki Czcionka użyta do wyświetlenia tekstu m
DHTML0051 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 HTM

więcej podobnych podstron