What is HTML and what is it used for? - Kurs HTML i CSS
Selektory pseudoelementów / Cudzysłowy {quotes}Spis treści {quotes} Cudzysłowy {quotes} Znaki cudzysłowów {content: open-quote close-quote} Wyłączenie znaków cudzysłowu {content: no-open-quote no-close-quote} Cudzysłowy {quotes} (interpretuje Internet Explorer 8.0, Firefox, Opera) W języku HTML istnieją specjalne znaczniki, przeznaczone do oznaczania cytatów: <q>...</q> (krótki cytat), <blockquote>...</blockquote> (blok cytowany). Jak mówi specyfikacja HTML 4.01, cytatów wstawianych w elementach q nie należy obejmować cudzysłowami...
- Selektory pseudoklas / Odsyłacz podstawowy :link
a:link { cecha: wartość } gdzie litera "a" na początku deklaracji, jest selektorem odsyłacza [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Polecenie pozwala nadać określone atrybuty formatowania dla wszystkich podstawowych odsyłaczy na stronie czyli takich, które nie zostały jeszcze odwiedzone przez użytkownika. Ponieważ pseudoklasa :link odnosi się tylko do odsyłaczy, w regule...
- Selektory pseudoklas / Atrybut języka :lang
selektor:lang(język) { cecha: wartość } Selektorem może być praktycznie dowolny znacznik [zobacz: Wstawianie stylów]. Jako "język" należy wpisać nazwę języka, np. pl - polski, en - angielski). Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Polecenie pozwala nadać określone atrybuty formatowania dla elementów, którym został nadany z poziomu HTML atrybut języka lang="..." [zobacz: Skróty nazw języków]. Różnica...
- Selektory pseudoklas / Korzeń :root
...HTML, zatem selektor ten jest w tym przypadku raczej mało przydatny, ponieważ ten sam efekt uzyskamy poprzez użycie najprostszego selektora typu: html { cecha: wartość } Nie zapominajmy jednak, że CSS nadaje się do stylizowania również dokumentów XML, gdzie nie ma żadnego wymogu co do nazwy elementu-korzenia. Przykład :root Po wpisaniu w arkuszu stylów: :root p { color: red } a w dowolnym miejscu strony: <p>To jest akapit</p> powinniśmy otrzymać tekst koloru czerwonego: To jest akapit...
- Selektory pseudoklas / Pusty element :empty
(CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) selektor:empty { cecha: wartość } Selektorem może być dowolny znacznik [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Zdarza się, że w dokumencie HTML znajdują się elementy, które nie zawierają żadnej treści, ani dzieci. Możemy mieć z tym do czynienia w przypadku elementów, które z definicji nie posiadają znacznika...
- Czcionki / Waga czcionki {font-weight}
selektor { font-weight: waga } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "waga" należy wpisać: Wartości absolutne: normal - czcionka normalna (podstawowa) bold - czcionka pogrubiona 100, 200, 300, 400 (odpowiednik "normal"), 500, 600, 700 (odpowiednik "bold"), 800, 900 - każdy następny numer wskazuje wagę czcionki przynajmniej tak samo wytłuszczonej jak dla poprzedniej...
- Czcionki / Wariant pozycji czcionki {font-variant-position}
(CSS 3 - interpretuje Firefox 34) selektor { font-variant-position: wariant } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, ale zaleca się stosować tutaj sub - indeks dolny albo sup - indeks górny [zobacz: Wstawianie stylów]. Natomiast jako "wariant" należy wpisać: normal - czcionka normalna (podstawowa) sub - indeks dolny super - indeks górny W języku HTML istnieją znaczniki <sub>...</sub> i <sup>...</sup> służące do tworzenia indeksów dolnych i górnych w...
- Tekst / Kolor tekstu {color}
selektor { color: kolor } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "kolor" należy podać definicję koloru. Polecenie pozwala ustalić dowolny kolor tekstu. Jeśli definiowane własności mają odnosić się do całej strony (np. kolor tekstu na całej stronie), można użyć selektora BODY lub HTML. Przykład {color} kolor red kolor #66AAFF kolor #69C kolor rgb(255,33,170)...
- Tekst / Wyrównanie tekstu {text-align}
selektor { text-align: wyrównanie } Selektorem może być dowolny znacznik wyświetlany w bloku, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "wyrównanie" należy podać: left - wyrównanie tekstu do lewego marginesu (domyślnie) right - wyrównanie do prawego marginesu center - do środka (wyśrodkowanie) justify - do obu marginesów jednocześnie (justowanie) Polecenie pozwala wybrać jeden z możliwych sposobów wyrównania tekstu, czyli jego...
- Tekst / Białe znaki w tekście {white-space}
selektor { white-space: sposób } Selektorem może być każdy znacznik wyświetlany w bloku [zobacz: Wstawianie stylów]. Natomiast jako "sposób" należy podać: normal - zamiana kilku sąsiadujących ze sobą spacji na jedną; wiersze są przełamywane automatycznie na końcu szerokości strony (domyślnie) pre - umożliwia wyświetlenie wielu spacji obok siebie; wiersze są przełamywane po napotkaniu znaku nowej linii - klawisz Enter (tekst preformatowany) nowrap - tryb identyczny jak "normal" z tym, że nie...