Sporządź notatkę:
-do czego służy CSS
-jakie są zalety stosowania arkuszy stylów CSS
-jak wygląda składnia dokumentu CSS
-jaka jest hierarchia przykrywania zdefiniowanej wielokrotnie wartości w stylu wpisanym (inline), stylu w dokumencie ( ), stylu zewnętrznym (w pliku CSS) .
daje naj
CSS (ang. cascading style sheet) jest językiem służącym do nakładania bardzo szerokiej gamy stylów i animacji na elementy dokumentu HTML.
Stosowanie arkuszy stylów wspomaga proces projektowania wizualnego strony internetowej, bądź innego dokumentu HTML. Przypisanie tego samego stylu wielu elementom sprawia, że nie jest konieczna edycja stylu we wszystkich miejscach, w których został on zastosowany.
Przykładowo, na stronie może być wiele krótkich fragmentów tekstu, które mają zostać wyróżnione. Można takim elementom nadać klasę "wyrozniony-tekst" i ustawić styl tej klasy na pogrubioną czcionkę. Jeśli zdecydujemy się, aby wyróżniony tekst miał jeszcze dodatkowo inny kolor niż reszta tekstu, dodajemy tylko jeden wpis do klasy "wyrozniony-tekst"
Dokument CSS zbudowany jest z tzw. zestawów reguł, które napisane są jedna pod drugą, przy czym kolejność tych zestawów jest nieistotna. Struktura pojedynczego zestawu reguł wygląda następująco:[tex]\texttt{selektor[:parametr] [selektor-podrzedny] \{}\\\texttt{ nazwa-wlasciwosci: wartosc-wlasciwosci;}\\\texttt{ ...}\\\texttt{\}}[/tex]
selektor oznacza dowolny znacznik HTML (np. [tex]\texttt{img}[/tex], [tex]\texttt{a}[/tex], [tex]\texttt{div}[/tex]), ID (np. [tex]\texttt{\#tytul}[/tex], [tex]\texttt{\#obrazek}[/tex], [tex]\texttt{\#podpis}[/tex]), lub klasę (np. [tex]\texttt{.wieksze}[/tex], [tex]\texttt{.polprzezroczyste}[/tex], [tex]\texttt{.wyroznione}[/tex]), opcjonalny parametr mówi np. że odwołujemy się tylko do co drugiego elementu spełniającego warunek selektora, albo że odwołujemy się do elementu tylko wtedy jeśli znajduje się nad nim kursor myszy, natomiast selektor podrzędny, również opcjonalny, oznacza odwołania się do znacznika który znajduje się wewnątrz selektora (niekoniecznie bezpośrednio), np.: [tex]\texttt{table img}[/tex] zaznaczy wszystkie obrazki znajdujące się wewnątrz tabeli
pary nazwa- i wartość-właściwości definiują konkretne style, np ustawienie koloru czcionki na czerwony: [tex]\texttt{color:\ red;}[/tex], lub niebieskiej wykropkowanej ramki: [tex]\texttt{border:\ 5px dotted \#08f;}[/tex]
style załączone z zewnętrznego pliku [tex]\texttt{.css}[/tex] zostają nadpisane przez style umieszczone w znaczniku [tex]\texttt{<style>}[/tex], a najwyższy priorytet mają style wpisane
