CSS-selector, na mchango wake katika formatting html-hati

Kujenga tovuti na kujaza kwa mambo fulani ya mtandao, kila mtu ana mrefu kama vile CSS-selector. Ni mtumishi usahihi zaidi kuamua mambo yote ya html faili ya mpango huo na mahali kwenye ukurasa. Ili kufanya hivyo, kujenga CSS hati kwamba unatoa selectors fulani na chaguzi zao formatting: rangi, ukubwa, mahali na wengine. Kila designer mtandao wanapaswa kujua na kuwa na uwezo vizuri kuingia uchaguzi taka. Wao ni kugawanywa na aina, kuu ya ambayo sisi kujadili hapa chini.

Aina za selectors katika CSS

Kulingana na ambayo kipengele inatumika html-mpangilio, CSS-selector yanaweza kuhusiana na moja ya makundi yafuatayo:

• tag selector;
• darasa selector;
• id-selector;
• sifa selector.

tag selector

Pia inaitwa "aina selector" au "kipengele", ni rahisi zaidi na ya kawaida. Kama yake CSS-hati ni majina ya vipengele vya html faili, ambayo sisi kuelezea. Kwa mfano, kama sisi haja ya kuweka aya style, sisi kutaja mali na maadili yao kwa ajili ya p kipengele {background: x; rangi: y, ukubwa: z}. Katika hali hii, aya zote za mtandao itakuwa na muundo sawa (rangi ya asili, ukubwa wa maandishi, na kadhalika. D.).

darasa selector

Na nini kama unahitaji kuuliza yako kila aya ni tofauti na mitindo wengine? Ili kufanya hivyo, kuna darasa selector.

CSS-hati katika kesi hii ingekuwa vyenye kuingia ya fomu ifuatayo: p.first {color: x; font-size: y}. Hivyo, sisi kufafanua mali ya "rangi" na "kawaida" tu kwa ajili ya darasa aya ya kwanza.

Katika html-hati katika kesi hii aliingia darasani sifa ya jina la style ya kwanza. Madarasa inaweza kuwa kama vile mtindo unataka kuomba mambo ya mtandao.

selector id

Mara nyingi kuna haja ya kufafanua style kwa usahihi zaidi, kwa mfano kwa yeyote moja ya kipengele cha ukurasa, au kwa sampuli yao. Katika hali hii, huduma ya kuja id-selector. html faili kuwapa taka bidhaa jina kwamba kubainisha ni miongoni mwa wengine. Kwa mfano, mambo ambayo tunataka kuweka tofauti na style nyingine itakuwa cheo makala.

Kisha katika html-hati kumshirikisha header h1 kitambulisho, kama articlename. Na katika CSS faili, bainisha style, kuongeza kwa ID jina grille: #articlename {color: bluu, text-align: center}. Sasa kichwa cha habari wetu itakuwa na rangi ya bluu na katikati.

Kila moja ya aina ya juu inaweza kuwa "rahisi CSS-selector" alieleza. Wao kufafanua formatting kwa kigezo fulani ya html-hati: pamoja mambo sawa (kwa mfano, aya zote za makala), tabaka moja (kwa mfano, tu aya ya kwanza) au bidhaa maalum (kwa mfano, jina makala).

sifa selectors

Zaidi ya hayo, kuna CSS-selectors sifa - njia ngumu zaidi za mitindo ya maombi. Inaruhusu format mambo html ya sifa ya kuchaguliwa au thamani. Kuna aina kadhaa ya selector hii:

• na uwepo wa sifa,
• katika thamani yake halisi,
• kwa thamani ubaguzi sifa;
• juu ya thamani yake maalum.

Hebu fikiria kila mmoja aina hizi:

1. kesi ya kwanza. Fomati inatumika, kama sasa katika maalum sifa html-code (inaweza kuwa p, div, header, nk). Kama siyo, hutumia generic kwa mambo yote ya style. Kwa mfano, kwa mambo ya kuwa na cheo (chombo ncha).
2. kesi ya pili. style inatumika tu kwa html-mambo ambayo mechi halisi ya maadili sifa. Kwa mfano, pembejeo vipengele, ambapo thamani ya aina ya sifa sawa na kuwasilisha.
3. kesi ya tatu. Chini format tu ni pamoja na vitu katika orodha ya thamani ambayo ina neno fulani. Kwa mfano, Sidebar sifa "darasa" kwa vipengele div.
4. kesi ya nne. Style hufafanuliwa tu kwa ajili ya mambo hayo ya html-hati, ambaye hasa sifa ina thamani fulani, na inaanza na yeye. Kwa mfano, matumizi ya rangi maalum na vipengele vyote ni lugha ya Kiingereza sifa (ambayo inaweza kuwa sw, en-rus, sw-au na t. D.).

Hivyo, kwa kutumia moja au nyingine, CSS cha, unaweza bora ibainishwe kama mtandao mzima, na kuelezea baadhi ya mambo yake.