czerwony - Kurs HTML i CSS
Znaki specjalne HTML / Aktywności - emotikony (emoji)...9827; Czarny symbol trefl ♣ ♟ Czarny pionek szachowy ♟ 🃏 Karta do gry czarny joker 🃏 🀄 Płytka do madżonga czerwony smok 🀄 🎴 Karty do gry kwiaty 🎴 Sztuka i rzemiosło 🎭 Sztuka widowiskowa 🎭 🖼 Ramka z obrazem 🖼 🎨 Paleta malarska 🎨 🧵 Szpulka nici 🧵 🪡 Igła krawiecka 🪡 🧶 Kłębek włóczki 🧶 🪢 Węzeł, supeł 🪢 Źródło: Unicode Character Database
Selektory elementów CSS / Ogólny selektor braci...uzyskają określone atrybuty: To jest akapit, wewnątrz którego znajduje się: pochylenie (nie powinno być czerwone), klawiatura (nie powinien być czerwony) oraz pogrubienie (powinno być czerwone)... następne pogrubienie (powinno być czerwone). A to jest pogrubienie (nie powinno być czerwone) wewnąrz pochylenia (nie powinno być czerwone). Tutaj kończy się akapit. Zwróć uwagę, że pomiędzy braćmi, oprócz zwykłego tekstu, znajduje się dodatkowo znacznik klawiatury (kbd) i mimo to nie zaburza...
- Wstawianie stylów CSS / Kaskadowość stylów
...ma styl zdefiniowany w sposób inline, czyli bezpośrednio w elemencie HTML za pomocą atrybutu style. Na przykład: <p style="color: red">Tekst czerwony</p>. Styl zdefiniowany w ten sposób ma pierwszeństwo nad stylami wewnętrznymi (osadzonymi) i zewnętrznymi.
- Selektory elementów CSS / Selektor potomka
...<li>Punkt drugi</li> </ol> Punkt pierwszy Podpunkt pierwszy Podpunkt drugi Punkt drugi Dla porównania żaden z poniższych wykazów nie będzie czerwony: <ul> <li>Punkt pierwszy <ul> <li>Podpunkt pierwszy</li> <li>Podpunkt drugi</li> </ul> </li> <li>Punkt prugi <ol> <li>Podpunkt pierwszy</li> <li>Podpunkt drugi</li> </ol> </li> <li>Punkt trzeci</li> </ul> Punkt pierwszy Podpunkt pierwszy Podpunkt drugi Punkt prugi Podpunkt pierwszy Podpunkt drugi Punkt...
- Selektory pseudoelementów CSS / Pierwsza linia :first-line
...została umieszczona następująca reguła: p:first-line { color: red } to wszystkie pierwsze linijki wchodzące w skład akapitów, będą miały czerwony kolor: To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest...
- Selektory specjalne CSS / Selektor identyfikatora <... id>
...{ color: red } to akapit o podanym identyfikatorze ID: <p id="przyklad_identyfikator">To jest akapit.</p> zostanie wyświetlony w kolorze czerwonym: To jest akapit. Dla porównania, to też jest akapit, ale bez podania identyfikatora i dlatego nie jest czerwony. Użycie selektora uniwersalnego pozwala przypisać styl do dowolnego znacznika z określonym identyfikatorem: *#przyklad_uniwersalny { color: red } To jest pogrubienie, któremu został nadany identyfikator...
- Selektory pseudoelementów CSS / Pierwsza litera :first-letter
...Jeżeli w arkuszu stylów została umieszczona następująca reguła: p:first-letter { color: red } to pierwsza litera każdego akapitu będzie mieć czerwony kolor: To jest akapit. Jeśli używasz Internet Explorera 5, wszystkie litery w powyższym akapicie będą tego samego koloru (nie zobaczysz efektu). Natomiast w MSIE 6 wszystko jest w porządku. Inny ciekawy przykład: p:first-letter { color: red; font-family: 'Times New Roman', serif; font-size: 300%; float: left } W ten sposób często...
- Selektory pseudoklas CSS / Atrybut języka :lang
...nadrzędny posiada atrybut lang="en".</p> ...and this is end of block.</div> Na ekranie powinniśmy otrzymać pierwsze trzy akapity napisane kolorem czerwonym, a ostatni bez zmian: 1. This is paragraph with attribute lang="en". 2. This is paragraph with attribute lang="en-US". This is block with attribute lang="en"... 3. This is paragraph inside block, but without attribute lang. 4. To jest akapit wewnątrz bloku, który posiada atrybut lang="pl" i dlatego jego wygląd nie zmieni się, pomimo...
- Tekst CSS / Kolor tekstu {color}
...od 0 do 255 reprezentujące składowe czerwonej, zielonej i niebieskiej odpowiednio. Na przykład: "color: rgb(255, 0, 0)" ustawia kolor tekstu na czerwony. Jaki to kolor #FFF? Kolor o kodzie #FFF reprezentuje barwę białą w notacji szesnastkowej. Jest to najjaśniejszy możliwy kolor, gdzie wszystkie składowe (czerwona, zielona i niebieska) mają maksymalną wartość.
- Tło CSS / Kolor tła {background-color}
...użyć selektora CSS dla elementu H1 i zastosować właściwość background-color. Na przykład: h1 { background-color: #FF0000; } ustawi kolor tła na czerwony dla wszystkich elementów H1.