wstawianie stylów - Kurs HTML i CSS
Indeks, wyszukiwarka / Przykład indeksu, wyszukiwarki...['Tekst (CSS)','../css/tekst.html'], ['Tło','../css/tlo.html'], ['Tryb quirks','../css/quirks.html'], ['Wstawianie stylów','../css/wstawianie.html'], ['Wykazy','../css/wykazy.html'], ['XHTML','../html/xhtml.html'], ['Znaki secjalne','../html/znaki.html'] )); Wyszukiwarka indeks.wstawWyszukiwarke('#przyklad');
Selektory elementów CSS / Selektor uniwersalny...cecha: wartość } gdzie wyrazy "cecha" oraz "wartość" określają atrybuty elementu i zostaną opisane w dalszych rozdziałach [zobacz także: Wstawianie stylów]. Selektor taki pozwala ustalić określone atrybuty dla wszystkich elementów strony, a więc dla różnych selektorów typu. Możemy za pomocą tej komendy nadać to samo formatowanie dla wszystkich elementów na całej stronie, niezależnie od ich typu (p, h1, li itd.). Niestety jego działanie nie zawsze jest jednoznaczne, dlatego dużo bezpieczniej...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
...style numeracji. Co jednak zrobić, jeśli żaden z wbudowanych rodzajów nie spełnia naszych oczekiwań? Rozwiązaniem może być użycie specjalnej reguły stylów @counter-style, która pozwala zdefiniować swój własny, niestandardowy typ stylu wykazu, w którym można precyzyjnie kontrolować wygląd jego wyróżników. Aby utworzyć swój niestandardowy typ stylu wykazu, najpierw w arkuszu stylów (wewnętrznym lub zewnętrznym) należy wstawić jego definicję: @counter-style typ { system: algorytm; cecha...
- Tło CSS / Atrybuty mieszane tła {background}
...wartości atrybutów } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "wartości atrybutów" należy wpisać konkretne wartości atrybutów, dotyczących tła, które będą oddzielone od siebie spacjami (przy czym można niektóre pominąć). Są to: kolor tła tło obrazkowe powtarzanie tła zaczepienie tła pozycja tła lub pozycja tła / rozmiary tła (CSS 3) pozycja początkowa tła (CSS 3)...
- Selektory elementów CSS / Selektor typu
...wartość } gdzie wyrazem selektor może być praktycznie dowolny znacznik, np. p (akapit), h1 (tytuł), td (komórka tabeli) i inne [zobacz: Wstawianie stylów]. To właśnie elementom znajdującym się pomiędzy tymi znacznikami, nadajemy atrybuty formatowania. Wyrazy "cecha" (ang. property) oraz "wartość" (ang. value) określają atrybuty elementu i zostaną opisane w dalszych rozdziałach. Tutaj będą przedstawione jedynie selektory. Selektor typu jest podstawowym rodzajem selektora. Pozwala on wybrać...
- Selektory elementów CSS / Ogólny selektor braci
...gdzie wyrazy "brat1" oraz "brat2" są selektorami typu, przy czym leżą one w tym samym rzędzie hierarchii drzewa dokumentu [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu i zostaną opisane w dalszych rozdziałach. Selektor ten umożliwia nadanie określonych atrybutów wszystkim braciom - tym, których typ w deklaracji został podany jako drugi (czyli brat2). Zwykły tekst znajdujący się pomiędzy braćmi nie ma wpływu na działanie selektora, tzn...
- Selektory atrybutów CSS / Selektor atrybutu o określonej wartości
...atrybutu"] { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [zobacz: Wstawianie stylów]. Atrybut oznacza konkretny parametr nadany znacznikowi z poziomu HTML (np. atrybut title="..."). "Wartość atrybutu" to określona wartość, która została nadana temu atrybutowi (np. treść atrybutu title="..."). Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach...
- Selektory pseudoelementów CSS / Pierwsza linia :first-line
...dodatkowo do elementów inline-block, tytułów (podpisów) tabeli (<caption>...</caption>) oraz komórek tabeli (<td>...</td>). [Zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Polecenie raz zdefiniowane w arkuszu stylów, pozwala na nadanie określonych cech wszystkim pierwszym linijkom, znajdującym się wewnątrz znacznika, na który wskazuje selektor. UWAGA! Polecenie nie...
- Aktualizacja / System newsów
...i już można szybko przenieść się do nowych stron, klikając odpowiednie odsyłacze. Wymagana wiedza: Odsyłacze Wstawianie obrazków Podstawy stylów CSS (m.in. arkusze stylów) Aby wprowadzić system newsów, należy skopiować poniższy kod i zapisać go w pliku z rozszerzeniem *.css - np. news.css: /* Tytuł: */ .news dt { font-size: 14px; /* rozmiar czcionki */ text-align: left; /* wyrównanie tekstu: left, right, center, justify */ padding: 5px; /* margines wewnątrz...
- Selektory pseudoklas CSS / Pierwsze dziecko :first-child
...wartość } Rodzicem oraz dzieckiem może być praktycznie dowolny znacznik, przy czym dziecko zawiera się w znaczniku rodzica [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Pierwsze z poleceń pozwala nadać określone atrybuty formatowania dla elementów, będących pierwszym dzieckiem dowolnego innego elementu - o jeden rząd niżej w hierarchii drzewa dokumentu. Rodzaj znacznika...