wstawianie - Kurs HTML i CSS
Selektory pseudoklas CSS / Jedyne dziecko :only-child(CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) Dowolny rodzic: dziecko:only-child { cecha: wartość } Określony rodzic: rodzic > dziecko:only-child { cecha: 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. Polecenie pozwala nadać...
- Selektory pseudoklas CSS / Pseudoklasy typu :first-of-type :last-of-type :only-of-type
(CSS 3 - interpretuje Internet Explorer 9, Firefox 3, Opera, Chrome) Pierwszy element wybranego typu: selektor:first-of-type { cecha: wartość } rodzic > dziecko:first-of-type { cecha: wartość } Ostatni element wybranego typu: selektor:last-of-type { cecha: wartość } rodzic > dziecko:last-of-type { cecha: wartość } Jedyny element wybranego typu: selektor:only-of-type { cecha: wartość } rodzic > dziecko:only-of-type { cecha: wartość } Selektorem, rodzicem oraz dzieckiem może być...
- Selektory pseudoklas CSS / Negacja :not
(CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) selektor:not(argument) { cecha: wartość } Selektorem może być dowolny znacznik [zobacz: Wstawianie stylów]. Argument to jeden z selektorów: typu, uniwersalny, atrybutu, klasy/identyfikatora albo dowolna pseuoklasa (z wyjątkiem samej pseudoklasy negacji). Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Wyobraźmy sobie sytuację, kiedy chcemy...
- Selektory pseudoklas CSS / Domyślne :default
(CSS 3 - interpretuje Firefox 3, Opera 12- i 38, Chrome 51) selektor:default { cecha: wartość } Selektorem mogą być pola formularza: wyboru, opcji oraz opcje listy rozwijalnej, a także przyciski [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają 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...
- Selektory pseudoklas CSS / Tylko do odczytu :read-only :read-write
(CSS 3 - interpretuje Firefox 78, Opera 23, Chrome 36) Pole tylko do odczytu: selektor:read-only { cecha: wartość } Pole do odczytu i do zapisu: selektor:read-write { cecha: wartość } Selektorem powinny być pola formularza, którym można przypisać atrybut readonly="..." [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Niektóre pola formularza (pole tekstowe, hasło...
- Czcionki CSS / Styl czcionki {font-style}
selektor { font-style: styl } 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 "styl" należy wpisać: normal - czcionka normalna (podstawowa) italic - czcionka pochylona (jeżeli niedostępna, automatycznie wybierany jest styl oblique) oblique - również czcionka pochylona (podobna jak poprzednio) Polecenie pozwala nadać czcionce określony styl. Może to być: czcionka zwyczajna...
- Czcionki CSS / Rodzaj czcionki {font-family}
Spis treści {font-family} Rodzaj czcionki {font-family} Rodziny ogólne {font-family: serif sans-serif monospace cursive fantasy} Rodzaj czcionki {font-family} selektor { font-family: rodzaj, rodzaj1, rodzaj2,... } 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 "rodzaj, rodzaj1, rodzaj2,..." należy podać rodzaje czcionek. Podanie kilku rodzajów spowoduje, że jeśli...
- Czcionki CSS / 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 CSS / Atrybuty mieszane wariantu czcionki {font-variant}
selektor { font-variant: 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ć konkretne ustawienia wariantów czcionki. Możliwe są tutaj trzy sposoby: normal - wartość domyślna none - zablokowanie wszystkich rodzajów wariantów Dowolna liczba poniższych wartości rozdzielonych spacjami: font-variant-ligatures font-variant-caps...
- Czcionki CSS / Rozciągnięcie czcionki {font-stretch}
(nieinterpretowane) selektor { font-stretch: rozciąg } 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 "rozciąg" należy wpisać: ultra-condensed - najbardziej ścieśniona extra-condensed condensed - ścieśniona semi-condensed normal - czcionka normalna (podstawowa) semi-expanded expanded - rozciągnięta extra-expanded ultra-expanded - najbardziej rozciągnięta Polecenie...