Podstawy CSS
Podstawy CSS
Tabela 1.3. Selektory znaczników blokowych
Selektor |
Użycie w HTMLu |
Selektor |
Użycie w HTML-u |
BLOCKOUOTE |
Styl cytatów |
LI |
Punkt listy |
CENTER |
Tekst wyśrodkowany |
OL |
Lista uporządkowana |
DD |
Opis definicji |
P |
Akapit |
DFN |
Definiowany termin |
TABLE |
Tabela |
DIR |
Lista katalogowa |
TR |
Wiersz tabeli |
DIV |
Podział logiczny |
TD |
Komórka tabeli |
DL |
Lista definicyjna |
TH |
Nagłówek tabeli |
DT |
Termin definicji |
UL |
Lista nieuporządkowana |
H1-7 |
Nagłówki 1 -7 |
Tabela 1.4. Selektor}' znaczników wpisanych
Selektor |
Użycie w HTMLu |
Selektor |
Użycie w HTML-u |
A |
Zakotwiczone |
PRE |
Tekst |
połączenie |
prezentowany czcionką nieproporcjonalną | ||
B |
Wytłuszczenie |
STRIKE |
Tekst przekreślony |
BIG |
Większy tekst |
SPAN |
Wydzielenie bloku tekstu |
CITE |
7 Krótki cytat |
STRONG |
Mocne zaackentowanie |
CODĘ |
Fragment kodu |
SUB |
Indeks dolny |
EM |
Zaakcentowanie |
SUP |
Indeks górny |
FONT |
Wygląd czcionki |
TT |
Tekst podobny do maszyny do pisania |
|l |
Kursywa |
U |
Tekst podkreślony |
Nie wszystkie definicje kaskadowych arkuszy stylów można zastosować dla wszystkich selektorów HTML-owych. Możliwość wykorzystania zależna jest od znacznika HTML-owego skojarzonego z selektorem. Oprócz znacznika <BODY> istnieją jeszcze trzy podstawowe typy znaczników HTML-owych:
1. Znaczniki blokowe - wstawiają znak nowej linii przed i za elementem.
2. Znaczniki wpisane nie posiadają żadnego znaku nowej linii skojarzonego z elementem.
3. Znaczniki zastąpione mają określone lub obliczone wymiary (szerokość i wysokość).
Selektory HTML-owe skojarzone z tymi znacznikami przestawione zostały w tabelach 1.3, 1.4 oraz 1.5.
Typ znacznika, dla którego stosujesz definicję, określa właściwości CSS, które mogą zostać zastosowane dla danego znacznika. W większości wypadków sprawa będzie oczywista. Dla przykładu, nie będziesz oczekiwał, że właściwość text-indent, określająca wcięcie pierwszej linii akapitu, będzie działała w przypadku wykorzystania ze znacznikiem wpisanym, jak na przykład <bold>. Jeśli będziesz potrzebował informacji jakie właściwości mogą być wykorzystywane wraz z różnymi typami znaczników, to zajrzyj do dodatku A.
Rodzaje znaczników
Tabela 1.5. Selektory znaczników zastąpionych
Selektor |
Użycie w HTMLu |
Selektor |
Użycie w HTML-u |
IMG |
Wstawiony rysunek |
SELECT |
Lista wyboru |
INPUT |
Obiekt wprowadzania danych |
TEXTAREA |
Obszar tekstowy do wprowadzania danych |
OBJECT |
Wstawiony obiekt |
27