przykład - Kurs HTML i CSS
Selektory pseudoklas CSS / 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...
- Selektory pseudoklas CSS / Domyślne :default
...atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Niektóre elementy formularza mogą oznaczać domyślną akcję. Na przykład przycisk wysłania formularza powinien być domyślnym. Mimo iż w formularzu może się również znajdować przycisk czyszczenia danych, po wciśnięciu klawisza Enter w dowolnym polu tekstowym, formularz zostanie wysłany, a nie wyczyszczony. Podobnie grupa pól opcji, pola wyboru czy menu rozwijalne mogą mieć zaznaczone pewne opcje. Jeśli wyślemy...
- Czcionki CSS / Styl czcionki {font-style}
...standardowego stylu. Jak zrobić kursywę w CSS? Aby zastosować kursywę w CSS, użyj właściwości font-style i ustaw wartość italic dla tekstu. Na przykład: "font-style: italic".
- Czcionki CSS / Atrybuty mieszane wariantu czcionki {font-variant}
...zdefiniować wszystkie atrybuty dotyczące wariantów czcionki. Już nie musimy wypisywać kolejno wszystkich cech, a jedynie ich konkretne wartości. Na przykład zamiast wpisywać kolejno: p { font-variant-ligatures: discretionary-ligatures; font-variant-caps: small-caps; font-variant-numeric: oldstyle-nums tabular-nums; } wystarczy wpisać: p { font-variant: discretionary-ligatures small-caps oldstyle-nums tabular-nums; } Jeśli zależy Ci na obsłudze również starszych przeglądarek, użyj...
- Czcionki CSS / Atrybuty mieszane czcionki {font}
Spis treści {font} Atrybuty mieszane czcionki {font} Czcionki systemowe {font: caption icon menu message-box small-caption status-bar} Atrybuty mieszane czcionki {font} selektor { font: wartości atrybutów } 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 "wartości atrybutów" należy wpisać wybrane wartości cech dotyczących czcionek, które będą oddzielone od siebie spacjami...
- Czcionki CSS / Wariant liczb czcionki {font-variant-numeric}
...oprócz wyrazów składających się z liter często występują również dane liczbowe. Przyjęło się wyświetlać takie dane w określonym formacie. Na przykład proste ułamki zwykłe występujące w tekście często zapisujemy z ukośną kreską ułamkową oraz nieco pomniejszonym licznikiem i mianownikiem: ½. Taki znak jednak nie występuje na klawiaturze, dlatego łatwiej jest wpisać po prostu: 1/2, a następnie przekształcić tekst w taki sposób, aby wyglądał jak ułamek. Pozwala na to wariant czcionki...
- Tekst CSS / Dekoracja tekstu {text-decoration}
...wygląd. Jak podkreślić słowo w CSS? Aby podkreślić słowo w CSS, możesz użyć właściwości text-decoration i ustawić jej wartość na underline. Na przykład: <span style="text-decoration: underline">słowo</span>.
- Tekst CSS / Transformacja tekstu {text-transform}
...duże litery CSS? Aby przekształcić tekst na duże litery w CSS, możesz użyć właściwości text-transform i ustawić jej wartość na uppercase. Na przykład: <p style="text-transform: uppercase">...</p>. To spowoduje, że wszystkie litery w tekście będą wielkie.
- Tekst CSS / Wcięcie w tekście {text-indent}
...w CSS? Aby zrobić wcięcie pierwszego wiersza akapitu, możesz użyć właściwości text-indent i ustawić wartość np. w pikselach albo w procentach. Na przykład: <p style="text-indent: 20px">...</p> wcięcie o 20 pikseli. Natomiast jeśli chcesz wciąć wszystkie wiersze tekstu w całym akapicie, zastosuj właściwość margin-left.
- Tekst CSS / Odstęp między literami tekstu {letter-spacing}
selektor { letter-spacing: odstęp } 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 "odstęp" należy podać konkretną wielkość odstępu między poszczególnymi literami używając jednostek długości. Wpisanie "normal" przywróci wartość domyślną. Polecenie to pozwala ustalić odstęp pomiędzy wszystkimi poszczególnymi literami w wyrazach bloku. Dzięki temu cały tekst w linijce może być...