Style osadzone
Stylami osadzonymi nazywamy arkusz stylów, który jest osadzony w sekcji <HEAD> dokumentu HTML. Przykładowy dokument wykorzystujący style osadzone może wyglądać np. tak:
Najpierw dzięki deklaracji type="text/css" definiujemy osadzony arkusz stylów. Dalej nie wymagane, jednak dość pomocnicze znaczniki <!-- -->. Dzięki nim arkusz stylów jest usuwany przed przeglądarkami, które nie potrafią z nich korzystać.
W powyższym przykładzie zdefiniowaliśmy atrybuty dla BODY, czyli ogólny wygląd strony. Na razie ustawiliśmy tylko kolor tła, ale dzięki stylom możemy także podać inne właściwości. Dalej atrybuty dla wszystkich obiektów objętych znacznikami <P>, to znaczy każdy tekst objęty tymi znacznikami będzie miał wielkość czcionki 14pt, oraz kolor żółty.
Oczywiście wykorzystując teraz schemat:
możemy zdefiniować właściwości dla innych obiektów np. H1, H2...DIV lub dla poszczególnych identyfikatorów lub class, ale o nich w kolejnych lekcjach.
<HTML>
<HEAD>
<STYLE type="text/css">
<!--
BODY { background-color : red; }
P { color : #FFFF00; font-size : 14pt; }
-->
</STYLE>
</HEAD>
<BODY>
</BODY>
</HTML>
<HEAD>
<STYLE type="text/css">
<!--
BODY { background-color : red; }
P { color : #FFFF00; font-size : 14pt; }
-->
</STYLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Najpierw dzięki deklaracji type="text/css" definiujemy osadzony arkusz stylów. Dalej nie wymagane, jednak dość pomocnicze znaczniki <!-- -->. Dzięki nim arkusz stylów jest usuwany przed przeglądarkami, które nie potrafią z nich korzystać.
W powyższym przykładzie zdefiniowaliśmy atrybuty dla BODY, czyli ogólny wygląd strony. Na razie ustawiliśmy tylko kolor tła, ale dzięki stylom możemy także podać inne właściwości. Dalej atrybuty dla wszystkich obiektów objętych znacznikami <P>, to znaczy każdy tekst objęty tymi znacznikami będzie miał wielkość czcionki 14pt, oraz kolor żółty.
Oczywiście wykorzystując teraz schemat:
obiekt {
właściwość1 : wartość1;
właściwość2 : wartość2;
}
możemy zdefiniować właściwości dla innych obiektów np. H1, H2...DIV lub dla poszczególnych identyfikatorów lub class, ale o nich w kolejnych lekcjach.
Materiał dodany przez użytkownika: alphan