style - Kurs HTML i CSS
Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type...(to samo co: 2n+1) even elementy parzyste (to samo co: 2n) Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. W celu poprawienia czytelności danych, często spotyka się obszerne tabele, w których kolejne nieparzyste wiersze są pokolorowane w odmienny sposób niż parzyste. Taki rodzaj formatowania można oczywiście uzyskać dodając co drugiemu wierszowi odpowiednią klasę. Gdy jednak wierszy jest sporo, zaczyna...
- Czcionki CSS / Wielkość czcionki {font-size}
...na 16 pikseli. Jak powiększyć czcionkę HTML? Aby powiększyć czcionkę w HTML, można użyć znacznika <span> lub <div> z odpowiednią klasą lub stylem CSS. Na przykład: <span style="font-size: larger">Tekst powiększony</span>. Ile mm ma czcionka 12? Wielkość czcionki CSS podawana w punktach (pt) jak również w pikselach (px), nie jest bezpośrednio przeliczalna na fizyczne milimetry widoczne na ekranie komputera lub smartfona. Jednak przybliżona konwersja to około 4.23mm dla czcionki...
- Obramowanie CSS / Kolor obramowania {border-...-color}
...specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obramowania Przykład {border-top-color} border-top-color: red; border-top-style: solid
- Tabele CSS / Rozplanowanie tabeli {table-layout}
...komórka4 komórka5 komórka6 komórka7 komórka8 komórka9 table-layout: fixed; width: 100% komórka1 Sposób na Firefoxa i Operę 9: <div style="overflow: hidden"> Część_treści_tej_komórki_nie_mieści_się_w_komórce___Część_treści_tej_komórki_nie_mieści_się_w_komórce___Część_treści_tej_komórki_nie_mieści_się_w_komórce___Część_treści_tej_komórki_nie_mieści_się_w_komórce___Część_treści_tej_komórki_nie_mieści_się_w_komórce </div> komórka3 komórka4 komórka5 komórka6 komórka7...
- Komendy CSS 2 / border-top, border-right, border-bottom, border-left
WARTOŚĆ [ <'border-width'> || <'border-style'> || <kolor> ] | inherit OPIS Atrybuty mieszane górnego/prawego/dolnego/lewego obramowania INICJALIZACJA zobacz cechy indywidualne ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- Komendy CSS 2 / font
WARTOŚĆ [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit OPIS Atrybuty mieszane czcionki INICJALIZACJA zobacz cechy indywidualne ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY dla cechy 'font-size' i 'line-height' MEDIA visual
- Komendy CSS 2 / outline
WARTOŚĆ [ <'outline-color'> || <'outline-style'> || <'outline-width'> ] | inherit OPIS Atrybuty mieszane obrysu INICJALIZACJA zobacz cechy indywidualne ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual, interactive
- Komendy CSS 2 / border
WARTOŚĆ [ <'border-width'> || <'border-style'> || <kolor> ] | inherit OPIS Atrybuty mieszane obramowania INICJALIZACJA zobacz cechy indywidualne ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual
Tekst HTML / Pozioma linia <hr>...się z dwóch przylegających do siebie kresek o grubości jednego piksela każda. Aby tę wartość podwoić, można posłużyć się następującym kodem: <hr style="border-width: 2px">.
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img>
...w takim menu! Przykład <a href, img> Kliknij na tym przycisku: Aby usunąć obramowanie wokół obrazka, należy wpisać: <a href="..."><img src="..." style="border: 0" alt="tekst alternatywny"></a> Przykład <a href, img "border">