CSS-dewiswr, ac mae ei rôl yn fformatio html-ddogfen

Creu gwefan a llenwi â rhai elfennau o'r dudalen we, bydd pawb yn wynebu cyfnod megis y CSS-dewisydd. Mae'n gwasanaethu i benderfynu ar yr holl elfennau html-file eu dyluniad a'u lleoliad ar y dudalen yn fwy cywir. I wneud hyn, creu CSS-dogfen sy'n egluro'r dewiswyr penodol a'u dewisiadau fformatio: lliw, maint, lleoliad a eraill. dylai pob dylunydd gwe wybod a gallu i fynd i mewn yn iawn i'r dewisiadau a ddymunir. Maent yn cael eu rhannu yn ôl math, y prif yr ydym yn trafod isod.

Mathau o ddetholwyr yn CSS

Yn dibynnu ar y mae'r elfen yn cael ei gymhwyso html-fformatio, efallai CSS-dewisydd ymwneud ag un o'r grwpiau canlynol:

• dewisydd tag;
• dewisydd dosbarth;
• id-dewisydd;
• priodoli dewisydd.

tag detholydd

Fe'i gelwir hefyd yn "dewisydd fath" neu "elfen", ei fod yn y mwyaf syml a chyffredin. Gan fod ei CSS-ddogfen enwau elfennau html-ffeil, yr ydym yn disgrifio. Er enghraifft, os bydd angen i osod arddull paragraff, rydym yn nodi'r priodweddau a'u gwerthoedd ar gyfer yr elfen p {cefndir: x; lliw: y; Maint: z}. Yn yr achos hwn, bydd yr holl paragraffau o'r dudalen we yr un fformat (lliw cefndir, maint y testun, ac yn y blaen. D.).

dewisydd dosbarth

A beth os bydd angen i ofyn i'ch pob paragraff yn wahanol i arddulliau eraill? Er mwyn gwneud hyn, mae dewisydd dosbarth.

Byddai CSS-ddogfen yn yr achos hwn yn cynnwys cofnod o'r ffurflen ganlynol: p.first {lliw: x; font-size: y}. Felly, rydym yn diffinio priodweddau "lliw" a "maint" yn unig ar gyfer y paragraff o'r radd flaenaf.

Mewn html-ddogfen yn yr achos hwn aeth nodwedd dosbarth i enw'r arddull yn gyntaf. gall dosbarthiadau fod cymaint â arddull ydych am wneud cais am dudalen ar y we elfennau.

id Dewisydd

Yn aml, mae angen i ddiffinio arddull yn fwy cywir, er enghraifft, i unrhyw un elfen o'r dudalen, neu i flasu nhw. Yn y sefyllfa hon, mae'r cymorth yn dod id-dewisydd. Mae'r ffeil html aseinio enw eitem a ddymunir sy'n ei adnabod yn ymhlith y bobl eraill. Er enghraifft, bydd yr elfennau yr ydym am ei osod yn wahanol i arddull arall yn y teitl yr erthygl.

Yna, mewn html-dogfen aseinio y dynodwr h1 pennawd, articlename o'r fath. Ac yn y CSS-ffeil, nodwch yr arddull, gan ychwanegu at yr enw ID rhwyll: #articlename {lliw: glas; testun-alinio: Canolfan}. Yn awr bydd ein pennawd yn cael y lliw glas a-ganolog.

Gall pob un o'r mathau uchod yn cael ei ddisgrifio fel "syml CSS-dewisydd". Maent yn diffinio'r fformatio ar gyfer paramedr penodol o'r html-ddogfen: elfennau at ei gilydd tebyg (ee, yr holl paragraffau yr erthygl), un dosbarth (er enghraifft, dim ond y paragraff cyntaf) neu eitem benodol (er enghraifft, teitl yr erthygl).

priodoli dewiswyr

Yn ogystal â'r uchod, mae CSS-dewiswyr priodoleddau - dull mwy cymhleth o arddulliau cais. Mae'n caniatáu i elfennau fformat html ar y priodoledd neu'r gwerth a ddewiswyd. Mae yna nifer o wahanol fathau o dewisydd hwn:

• gan bresenoldeb y priodoledd;
• ar ei union werth;
• yn ôl gwerth priodoledd rhannol;
• ar ei werth penodol.

Gadewch i ni ystyried pob un o'r rhywogaethau hyn:

1. Yr achos cyntaf. Fformadu cael ei gymhwyso, os yw'n bresennol mewn priodoledd html-god penodol (gallai fod yn p, div, pennawd, ac ati). Os nad yw, mae'n defnyddio generig ar gyfer holl elfennau o arddull. Er enghraifft, ar gyfer yr elfennau yn cael y teitl (tip offeryn).
2. Yr ail achos. Mae'r arddull yn berthnasol yn unig i'r html-elfennau sy'n cael cyfateb yn union o'r gwerthoedd priodoledd. Er enghraifft, i roi mewnbwn i'r elfennau, lle mae gwerth y priodoledd math hafal cyflwyno.
3. Y trydydd achos. O dan y fformat yn unig bydd yn cynnwys eitemau yn y rhestr o werthoedd sydd â gair penodol. Er enghraifft, bar ochr priodoledd "dosbarth" ar gyfer div elfennau.
4. Y pedwerydd achos. Arddull yn cael ei ddiffinio yn unig ar gyfer yr elfennau hynny o'r html-ddogfen, y mae ei priodoledd penodol werth penodol, ac yn dechrau gydag ef. Er enghraifft, y defnydd o'r lliw penodol i bob elfen y mae'r priodoledd Saesneg (a all fod yn en, en-rus, en-au a t. D.).

Felly, trwy ddefnyddio un neu'r llall, mae'r dewisydd CSS, gellir orau yn cael ei nodi fel dudalen we gyfan, a disgrifio rhai o'i elfennau.