CSS-val, og hlutverk hennar í sniði HTML-skjal

Að búa til vefsíðu og fylla það með ákveðna þætti vefur blaðsíða, allir munu standa frammi fyrir orð eins og CSS-val. Það þjónar til fleiri nákvæmlega ákvarða alla þætti HTML-skrá á hönnun þeirra og staðsetningu á síðunni. Til að gera þetta, að búa til CSS-skjal sem stafa út ákveðnar selectors og stílsnið þeirra: lit, stærð, staðsetningu og annað. Sérhver vefur hönnuður ætti að vita og vera fær til almennilega slærð inn vali. Þeim er skipt eftir tegund, helstu sem við ræðum hér.

Tegundir selectors í CSS

Eftir því sem þátturinn er beitt HTML-sniðinn, CSS-val kunna að tengjast einum af eftirfarandi hópum:

• merkjaval;
• Flokkur Val;
• id-val;
• eigindi val.

merkjaval

Það er einnig kallað "tegund val" eða "þáttur", það er einfaldasta og algengasta. Sem hann CSS-skjali eru nöfn þætti HTML-skrá, sem við lýsa. Til dæmis, ef við þurfum að stilla lið stíl, tilgreina við eiginleika og gildi þeirra fyrir þátturinn p {background: x; litur: y; Stærð: Z}. Í þessu tilfelli, allt málsgreinar vefsíðu mun hafa sama sniði (bakgrunnslit, texta stærð, og svo framvegis. D.).

flokkur val

Og hvað ef þú þarft að spyrja hver málsgrein er frábrugðin öðrum stíl? Til að gera þetta, það er a tegund val.

CSS-skjal í þessu tilfelli myndi innihalda færslu á eftirfarandi formi: p.first {color: X; font-size: y}. Þannig skilgreinum við eiginleika "lit" og "stærð" aðeins fyrir fyrsta flokks mgr.

Í HTML-skjal í þessu tilfelli inn á bekknum eigindi nafn stíl fyrst. Flokkar geta verið eins mikið og stíl sem þú vilt sækja um a vefur blaðsíða þætti.

val id

Oft er þörf á að skilgreina stíl nákvæmari, til dæmis við einn þáttur á síðunni eða sýnishorn þær. Í þessu ástandi, að aðstoðin kemur id-val. HTML skjalið úthluta viðeigandi atriði nafninu sem auðkennir það meðal annarra. Til dæmis, þá þætti sem við viljum setja frábrugðin öðrum stíl verður titil greinarinnar.

Þá í HTML-skjal framselja haus h1 auðkenni, td articlename. Og í CSS-skrá, að tilgreina stíl, bæta við ID nafn grillinu: #articlename {litur: blár; text-align: miðstöð}. Nú fyrirsögn okkar verður liturinn blár og miðju.

Hver af ofangreindum tegundum getur verið lýst sem "einfalt CSS-val". Þeir skilgreina formatting fyrir tiltekna breytu HTML-skjal: saman svipuðum þáttum (td öll málsgreinarnar), einn flokkur (td aðeins fyrsta málsgrein) eða ákveðna vöru (til dæmis, titil greinarinnar).

eigindi selectors

Auk þess sem að framan, það er CSS-selectors eiginleika - flóknara aðferð við umsókn stíl. Það gerir HTML snið þætti á völdu eigindi eða gildi. Það eru nokkrar tegundir af þessari val:

• af nærveru sterkt eiginleikanum;
• á nákvæmlega verðmæti hennar;
• með því að hluta ATTRIBUTE-gildið;
• á tilteknum gildi.

Við skulum líta á hvert af þessum tegundum:

1. Fyrsta tilfellið. Formatting er beitt, ef til staðar í tilteknum eigindi HTML-kóða (það kann að vera p, div, haus osfrv). Ef það er ekki, það notar almenn fyrir alla þætti stíl. Til dæmis, fyrir allt sem ber titil (Verkfærisábending).
2. Annað mál. Stíllinn á aðeins við um HTML-þætti sem hafa nákvæma samsvörun á eigindi gildi. Til dæmis, að inntak þess þætti, þar sem verðmæti gerðinni eigindi jafngildir leggja.
3. Þriðja málið. Undir snið mun aðeins innihalda atriði í lista af gildum sem hefur ákveðna orð. Til dæmis, skenkur eiginleiki "flokkur" fyrir þætti div.
4. Fjórða tilfelli. Style er skilgreind eingöngu fyrir þá þætti HTML-skjal, sem einkum eiginleiki hefur ákveðið gildi, og hefst með honum. Til dæmis, nota tilgreinda lit til allra þátta sem enska eiginleiki (sem getur verið en, en-Rus, en-au og t. D.).

Svona, með því að nota einn eða annan, CSS val, er best að tilgreind sem heilt vefur blaðsíða, og lýsa sumir þættir hennar.