Question

Przykład efektu kaskadowego .
proszę o wypisanie w punktach po kolei co się dzieje

Answer 1

) na niebieski, na razie używając znanego Ci już doskonale mechanizmu stylu wpisanego (rysunek 7.1): <?xml version="1.0" encoding="utf-8"?> Style CSS

Akapit 1

Akapit 2

Czy potrafisz przeczytać wygodnie ten tekst?

Akapit 4

Akapit 5

Rysunek 7.1. Niebieskie tło strony wymaga zmiany koloru czcionki — trudno jednak wymagać od autora strony WWW, by ręcznie modyfikował kod każdego akapitu tekstu z osobna Trudno powiedzieć, aby tekst był czytelny. Prezentowałby się o wiele lepiej, gdyby był zapisany kolorem białym lub żółtym. Gdybyś jednak chciał zmieniać kolor każdego akapitu, czekałoby Cię poprawianie deklaracji stylu w pięciu miejscach — a co począć z większymi stronami lub częstszymi zmianami kolorystyki? Deklaracja stylu osadzonego pozwala za jednym zamachem zmienić atrybuty stylu wszystkich elementów języka XHTML danego typu. Wystarczy dodać do pliku (wewnątrz elementu ) następujący fragment: a wszystkie akapity tekstu zmienią swój kolor na żółty — dokładnie tak, jakbyś znacznik otwierający każdego z nich zapisał nie jako

, a

. Oczywiście osadzenie stylu elementu

na początku kodu strony umożliwia Ci teraz natychmiastową zmianę koloru tekstu na biały, turkusowy lub dowolny inny — możesz eksperymentować, za każdym razem zmieniając definicję koloru w jednym tylko miejscu (rysunek 7.2)! Rysunek 7.2. Użycie definicji stylu osadzonego umożliwiło zmianę wyglądu wszystkich akapitów tekstu naraz Skoro określiliśmy kolor tekstu, warto rozszerzyć definicję stylu również na element

, dodatkowo zmieniając jeszcze dalej wygląd akapitów (rysunek 7.3). Oto przykład: <?xml version="1.0" encoding="utf-8"?> Style CSS

Akapit 1

Akapit 2

Czy potrafisz przeczytać wygodnie ten tekst?

Akapit 4

Akapit 5