На първо място, вид на selectors
Какъв е типът на selectors? Отнася се до страницата е била етикетиране вида на акта, както името на Фу. тяло е страница тип етикет, div, P, обхващат всички.
Както следва:
организма ()
div ()
P ()
педя ()
Второ, група selectors
За XHMTL обект, можете в същото време група от същия стил, възложени.
Използвайте запетая за selectors са разделени, така че предимството на писане същия стил на писане, само веднъж, за да се намали размерът на код, за да се подобри структурата на CSS код.
Следва да се отбележи, че когато се използва "запетая" в половината ъгъл режим, а не на китайски-широк ъгъл на готовност.
Както следва:
H1, H2, h6, P, педя
(
размер на шрифта: 12px;
Цвят: # FF0000;
шрифт семейство: Arial;
)
Три, включително selectors
Предмет на подизвадка обект, стил на шоуто е планиран, така че избора изигра роля.
Имайте предвид, че този обект, е само част от обекта етикети ефективни, стоя-сам или друг обект се намира извън под-обект, не се прилагат този стил настройки.
Предимствата на това, да ни помогне да се избегне по-ID, клас настройките директно към определението на необходимите елементи.
Както следва:
H2 педя
(
цвят: червен;
)
Както следва:
тялото h1 педя силен
(
шрифт тегло: получер;
)
IV, ID selectors
ДОМ Документ обектния модел в съответствие с принципа, че се появяват selectors, за XHTML документ, в който всеки може да използва етикет ID = "" под формата на името възложени, но необходимостта да се обърне внимание, в XHTML документ представлява CD-ID и ние не може да направи дубликат.
Div CSS оформление на страници, които можете да използвате различни имена, като например главата за заглавна част, в долната част на футъра.
XHTML е както следва:
CSS е, както следва:
# Съдържание
(
размер на шрифта: 14px;
линия-Височина: 120%;
)
5, клас selectors
В действителност, ID е удължаване на XHTML маркери, докато клас е SHTML комбинация от няколко от етикети, клас буквалното значение е тип или категория.
XHTML тагове за използване на клас = "" за името на заданието. С идентификатор различен клас могат да бъдат повторно използвани за повече от същия стил елементи могат да бъдат пряко определя като клас.
Използването на предимствата на класа не е очевидно, неговите CSS код повторна употреба добро отразяване на голям брой етикети могат да бъдат използвани за дефиниране стил, без да е необходимо да се подготви за всеки стил код.
XHTML е както следва:
CSS е, както следва:
. Той
(
марж: 10px;
фон-цвят: червен;
)
6, етикетиране, определен тип selectors
Ако искате да използвате име и клас, също би искал да използва етикети selectors, можете да използвате следния метод:
h1 # съдържанието ()
/ * Id за съдържанието на всички h1 тагове * /
h1.p1 ()
/ *, Че всички клас за h1 тага p1 * /
Tags определен избират между верността на адреса етикети selectors и идентификатор / клас на избор между Фу е един от често използваните selectors.
VII портфолио selectors
За всички selectors горе, комбинацията употреба. Както следва:
З1. p1 ()
/ * H1 каза всичко клас за p1 етикет * /
# Съдържание h1 ()
Че Идентификатор на раздела за съдържанието на всички h1 тагове
З1. p1, # съдържание h1 ()
/ * H1 каза всичко клас за p1 етикета съдържание, както и име на раздела за всички h1 тагове * /
h1 # съдържание H2 ()
/ * Идентификатор за съдържанието на h1 тагове H2 тагове * /
CSS selectors са много свободни и гъвкави, основана на нуждите на страницата, като се използват най-различни selectors, доколкото това е възможно и оптимизиране на структурата на CSS файлове.
