atrybut - Kurs HTML i CSS
Selektory pseudoklas CSS / Łączenie selektorów...Wystarczy po prostu wpisać je jeden po drugim (bez żadnych odstępów) w następującej kolejności: selektor typu lub selektor uniwersalny selektory atrybutów, selektor identyfikatora, selektor klasy lub selektory pseudoklas (w dowolnej kolejności) selektory pseudoelementów Zespół selektorów z punktu 1 i 2 nazywamy selektorem prostym. W jednej regule może wystąpić kilka selektorów prostych - każdy rozdzielony przez tzw. kombinator, tj. znaki spacji, ">" lub "+", które są wykorzystywane przy...
- Selektory pseudoklas CSS / Tylko do odczytu :read-only :read-write
...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, obszar tekstowy) mogą być zablokowane w taki sposób, że użytkownik nie będzie mógł zmienić ich wartości. Mimo tego, w...
- Czcionki CSS / 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. Należy je wpisywać w następującej kolejności (przy...
- Tekst CSS / Kolor tekstu {color}
...zrobić kolorowy tekst? Aby stworzyć kolorowy tekst w HTML, możesz użyć znacznika <span>, wewnątrz którego umieścisz tekst, a następnie wykorzystać atrybut style="..." lub CSS do ustalenia koloru tekstu. Na przykład: <span style="color: red">Kolorowy tekst</span>. Jak ustawić kolor RGB w CSS? Aby ustawić kolor w formacie RGB w CSS, możesz użyć właściwości color i podać wartość w formie rgb(R, G, B), gdzie R, G i B to liczby od 0 do 255 reprezentujące składowe czerwonej, zielonej i...
- Tekst CSS / Wcięcie w tekście {text-indent}
...linijce wcięcie wynosi 1cm... To jest akapit, w którego pierwszej linijce wcięcie wynosi 1cm... Pytania i odpowiedzi {text-indent} Jaki atrybut pozwala definiować wcięcie pierwszego wiersza akapitu? Właściwość CSS text-indent pozwala definiować wcięcie pierwszego wiersza akapitu. Możesz ustawić wartość w pikselach, procentach lub innych jednostkach długości. Jak zrobić wcięcie w CSS? Aby zrobić wcięcie pierwszego wiersza akapitu, możesz użyć właściwości text-indent i...
- Dziedziczenie stylów CSS / Hierarchia elementów
...dziedziczności stylów. Polega ona na tym, że elementy leżące niżej w hierarchii (potomkowie), jeśli nie zaznaczymy inaczej, dziedziczą (przejmują) atrybuty formatowania, które zostały nadane ich przodkom. Niestety w niektórych starszych przeglądarkach internetowych zdarzała się błędna interpretacja dziedziczenia stylów. Problemy stwarzały np. elementy tabeli: nawet jeśli zdefiniowaliśmy określoną wielkość czcionki dla elementu wyżej w hierarchii, w Internet Explorerze 5 nie spowoduje to...
- Dziedziczenie stylów CSS / Przywrócenie wartości domyślnej {...: initial}
...przodku, czyli po akapicie (są również zielone). A to jest pogrubienie, które znajduje się także wewnątrz tego samego akapitu, ale został mu nadany atrybut koloru czcionki oraz koloru tła jako "initial" i dlatego nie odziedziczył stylu po przodku. Oczywiście w powyższym przykładzie moglibyśmy po prostu ustawić kolor tekstu pogrubienia na czarny, a tło na białe. Jednak warto pamiętać, że nie w każdej sytuacji odpowiadałoby to wartościom domyślnym. Na przykład jeśli użytkownik ustawi ciemny...
- Dziedziczenie stylów CSS / Wymuszenie dziedziczenia {...: inherit}
...Do jego elementów podrzędnych został przypisany specjalny styl powodujący, że każde pogrubienie, które się znajduje wewnątrz niego, przyjmie atrybut koloru czcionki (biały) oraz koloru tła (niebieski). Do elementów podrzędnych tego akapitu został jednak przypisany drugi styl. Dzięki niemu jeśli umieścimy pogrubienie wewnątrz pochylenia, jego kolor tekstu oraz tła przyjmą wartość "inherit". Zatem zostaną odziedziczone z akapitu (tekst będzie zielony). Dla zainteresowanych Powyższy...
- Dziedziczenie stylów CSS / Odwołanie wartości {...: unset}
...Do jego elementów podrzędnych został przypisany specjalny styl powodujący, że każde pogrubienie, które się znajduje wewnątrz niego, przyjmie atrybut koloru czcionki (biały), koloru tła (niebieski) oraz koloru obramowania (czerwony). Do elementów podrzędnych tego akapitu został jednak przypisany drugi styl. Dzięki niemu jeśli umieścimy pogrubienie wewnątrz pochylenia, jego kolor tekstu, tła oraz obramowania przyjmą wartość "unset". Zatem kolor tekstu zostanie odziedziczony z akapitu...
- Dziedziczenie stylów CSS / Przywrócenie wartości pierwotnej {...: revert}
...Do jego elementów podrzędnych został przypisany specjalny styl powodujący, że każde pogrubienie, które się znajduje wewnątrz niego, przyjmie atrybut koloru czcionki (biały) oraz koloru tła (niebieski), ale tekst nie będzie wytłuszczony. Do elementów podrzędnych tego akapitu został jednak przypisany drugi styl. Dzięki niemu jeśli umieścimy pogrubienie wewnątrz pochylenia, jego kolor tekstu oraz tła, a także waga czcionki przyjmą wartość "revert". Zatem kolory zostaną odziedziczone z...