czerwony - Kurs HTML i CSS
Selektory atrybutów CSS / Selektor atrybutu o wartości kończącej się na......{ color: red } to każdy akapit, któremu został nadany atrybut TITLE z wartością, która kończy się na "akapit", powinien mieć kolor czerwony: To jest akapit, któremu został nadany atrybut title="to jest akapit" (aby to sprawdzić, wskaż go myszką) i dlatego jest koloru czerwonego. A to jest akapit z atrybutem title="to też jest akapit" i też powinien być czerwony. Dla porównania, to jest akapit bez atrybutu TITLE. A to jest akapit z atrybutem title="to jest akapit także...
- Selektory atrybutów CSS / Selektor atrybutu zawierającego określony tekst
...aka"] { color: red } to każdy akapit, któremu został nadany atrybut title="..." o wartości, w której występuje tekst "jest aka", powinien mieć kolor czerwony: To jest akapit, któremu został nadany atrybut TITLE o wartości "To jest akapit" (aby to sprawdzić, wskaż go myszką) i dlatego jest koloru czerwonego. A to jest akapit z atrybutem TITLE o wartości "To też jest akapit" i też powinien być czerwony. Dla porównania, to jest akapit bez atrybutu TITLE. A to jest akapit z atrybutem TITLE o...
Kolory HTML / Sposoby definiowania kolorów HTML...od komputera, to będzie baaardzo krótka powtórka 🙂). Każdą barwę można utworzyć mieszając w odpowiednich proporcjach trzy kolory podstawowe: czerwony, zielony i niebieski (RGB - od angielskich słów: Red - czerwony, Green - zielony, Blue - niebieski). Nasycenie każdego z kolorów zapisujemy w definicji barwy w postaci: #RRGGBB, gdzie: RR - nasycenie koloru czerwonego; GG - nasycenie zielonego; BB - nasycenie niebieskiego (znak # oznacza, że definiujemy kolor w kodzie HEX). Wszystkie...
- Wstawianie stylów CSS / Wydzielone bloki <div style>
...na żółtym tle</b>, a to jest zwykły tekst - również wewnątrz DIV i SPAN. </span> To jest zwykły tekst, ale tylko wewnątrz DIV - dlatego nie jest czerwony, ale ma żółte tło. <p>A to jest akapit (element blokowy) w ramach DIV.</p> </div> Otrzymamy: To jest pogrubienie w ramach DIV oraz SPAN i dlatego jest czerwone na żółtym tle, a to jest zwykły tekst - również wewnątrz DIV i SPAN. To jest zwykły tekst, ale tylko wewnątrz DIV - dlatego nie jest czerwony, ale ma żółte tło. A to jest...
- Selektory specjalne CSS / Klasy selektorów <... class>
...zobaczymy tekst napisany czcionką koloru czerwonego: To jest akapit. Dla porównania, to też jest akapit, ale bez podania klasy i dlatego nie jest czerwony. W przypadku stosowanie klas, często podczas ich definiowania, nie wiemy jeszcze, w stosunku do jakich znaczników będziemy chcieli je później użyć. Wtedy przydatny okazuje się selektor uniwersalny, który pozwala przypisać własności klasy do wszystkich elementów, którym zostanie ona nadana bez względu na typ znacznika. Na przykład jeżeli...
- HTML dla zielonych / Łączenie znaczników i atrybutów HTML <p "text-align", span "font-size, color", b, i, u>
...atrybutem o odpowiednich wartościach. Na przykład: <span style="font-size: large; color: red">...</span> ustawi bardzo dużą wielkość czcionki i czerwony kolor tekstu.
- Formularze HTML / Przycisk <button>
...✅ Rozpocznij konfigurację formularza Przykład <button> Treść przycisku: pogrubienie pochylenie podkreślenie czcionka 'Courier New' kolor czerwony mała czcionka Wykaz: Punkt pierwszy Punkt drugi Przykład z obrazkiem: Przykład z tabelką: komórka1 komórka2 komórka3 komórka4 Przycisk zablokowany!Ten przycisk jest zablokowany - disabled (nie obsługuje Opera 6). W niektórych systemach operacyjnych i przeglądarkach wygląd przycisków o dużych rozmiarach może być bardzo...
- Kolory HTML / Wykaz kolorów HTML
...Kolor black #000000 czarny silver #C0C0C0 srebrny gray #808080 szary white #FFFFFF biały maroon #800000 kasztanowy red #FF0000 czerwony purple #800080 purporowy fuchsia #FF00FF fuksja green #008000 zielony lime #00FF00 limonowy olive #808000 oliwkowy yellow #FFFF00 żółty navy #000080 granatowy blue #0000FF niebieski teal #008080 zielonomodry aqua #00FFFF akwamaryna W wielu poradnikach podawana jest rozszerzona paleta kolorów nazwanych...
- Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type
...5.1 Komórka 5.2 Komórka 6.1 Komórka 6.2 Co trzecie wiersze: tbody > tr:nth-child(3n+1) { color: yellow; background-color: red } /* żółty na czerwonym */ tbody > tr:nth-child(3n+2) { color: maroon; background-color: orange } /* kasztanowy na pomarańczowym */ tbody > tr:nth-child(3n+3) { color: red; background-color: yellow } /* czerwony na żółtym */ Komórka 1.1 Komórka 1.2 Komórka 2.1 Komórka 2.2 Komórka 3.1 Komórka 3.2 Komórka 4.1 Komórka 4.2 Komórka 5.1 Komórka 5.2 Komórka...
- Dobre praktyki / CSS Zorientowane Obiektowo
...zupełnie niezależne klasy. Klasa pochodna (Warning) przejmuje stylizację zarówno z klasy Information (np. tekst ujęty w ramkę) jak i Important (np. czerwony tekst albo wytłuszczenie). Przesłanianie Co zrobić, jeśli recenzja - szczególny przypadek ogólnego artykułu - ma wyglądać jednak nieznacznie inaczej od swojego pierwowzoru (klasy bazowej)? Wybrane deklaracje z klasy bazowej można przesłonić (ang. override), przypisując im zmienione wartości w klasie pochodnej. Na przykład: .Article...