Ten poradnik koncentruje się na tym jak korzystać z selektorów zbudować prosty układ strony. W ramach tego procesu, będziemy w jakich sytuacjach mogą być zapisane style w ściśle określonych przypadkach elementu bez wpływu na resztę strony.
Co to jest reguła lub „zbiór reguł”?
Reguły lub zbiór reguł jest to stwierdzenie, które mówi przeglądarce jak ma wyświetlać poszczególne elementy na stronie HTML. Zestaw reguł składa się z selektora , bloku deklaracji.
Selektor „wybiera” elementy na stronie HTML, które dotyczą zestawu reguł.
Na przykład:
h1 {color: blue; margin-top: 1em;}
p {padding: 5px;}
td {background-color: # ddd;}
Blok deklaracji jest kontenerem, który składa się z zawartości pomiędzy nawiasami klamrowymi. Białe znaki wewnątrz bloku są ignorowane – dzięki czemu może być używany do rozmieszczenia zasad w dowolny sposób. Na przykład:
h1 {color: blue;}
p {padding: 5px;}
td {background-color: # ddd;}
Albo, z białymi znakami dodany do pomocy czytelności:
h1
{
kolor: niebieski;
}
Jeśli chcesz mieć swoją własną stronę www, skorzystaj z usług profesjonalistów i zamów tanie serwery od Biznes-Host.pl z Poznania.
Deklaracja
Deklaracja mówi przeglądarce, jak wyciągnąć dowolny element na stronie, której dotyczy. Deklaracja składa się z właściwości i wartości oddzielonych dwukropkiem „:”. Chciaż nie jest to konieczne, aby dodać srednik po jednej deklaracji, zaleca się, aby deklaracje kończyć średnikiem. Na przykład
h1 {color: blue;}
wartość
Wartość ta jest dokładnie w stylu chcesz ustawić właściwości. Na przykład:
p {padding: 5px;}
Grupowanie deklaracji
Można używać więcej niż jednej deklaracji w bloku deklaracji. Każde zgłoszenie musi być oddzielone średnikiem „;”. Na przykład:
p {padding: 5px; margin: 1px;}
Albo, z białymi znakami dodanymi do lepszej czytelności:
p
{
padding: 5px;
margin: 1px;
}
Grupowanie selektorów
Selektory są wykorzystywane do wybierania elementów na stronie HTML, których zasad dotyczą. Gdy kilka selektorów ma te same deklarlaracje, mogą być grupowane, aby zapisać tą samą regułę więcej niż raz. Każdy przełącznik musi być oddzielony przecinkami. Mogą one również obejmować szeroki zakres selektorów. Na przykład:
h1, h2, h3, h4 {padding: 1em;}
.. podkreślić p, zaznacz ul {margin-left: 0.5 em;}
# main p, # main ul {padding-top: 1em;}
