CSS-roghnóir, agus a ról i formáidiú html-doiciméad

Cruthú ar an suíomh gréasáin agus a líonadh le heilimintí áirithe den leathanach gréasáin, beidh gach duine a aghaidh a thabhairt ar feadh téarma cosúil leis an CSS-roghnóir. Feidhmíonn sé chun a chinneadh níos cruinne na gnéithe uile de html-chomhad ar a dhearadh agus suíomh ar an leathanach. Chun seo a dhéanamh, a chruthú CSS-cáipéis a leagann sé amach roghnóirí áirithe agus a roghanna formáidiú: dath, méid, suíomh agus eile. Ba chóir gach dearthóir gréasáin a fhios agus a bheith in ann dul isteach i gceart na roghanna atá ag teastáil. Tá siad roinnte de réir cineáil, an mó a phlé againn thíos.

Cineálacha roghnóirí i CSS

Ag brath ar a mbeidh an ghné bhfeidhm html-formáidithe, féadfaidh CSS-roghnóir le ceann amháin de na grúpaí seo a leanas:

• roghnóir tag =
• roghnóir aicme
• id-roghnach =
• tréith roghnóir.

roghnóir Clib

Sé ar a dtugtar freisin "roghnóir cineál" nó "eilimint", is é an ceann is simplí agus coitianta. Mar chuid CSS-doiciméad iad na hainmneacha de na gnéithe de html-chomhad, a cur síos dúinn. Mar shampla, más gá dúinn a shocrú ar an stíl ailt, linn a shonrú airíonna agus a luachanna don p eilimint {cúlra: x = Dath: y = Méid: z}. Sa chás seo, beidh gach mír den leathanach gréasáin an chuma chéanna a (dath cúlra, méid an téacs, agus mar sin de. D.).

roghnóir aicme

Agus cad más gá duit a iarraidh ar do gach mír difriúil ó stíleanna eile? Chun seo a dhéanamh, tá roghnóir aicme.

Bheadh CSS-cháipéis sa chás seo go bhfuil iontráil an fhoirm seo a leanas: p.first {Dath: x; font-size: y}. Dá bhrí sin, a shainiú táimid ag na hairíonna de "dath" agus "méid" ach amháin in ionad mhír den chéad scoth.

I html-doiciméad sa chás seo isteach tréith scoth don Ainm na stíle ar dtús. Is féidir le ranganna an oiread agus is leis an stíl mian leat iarratas a dhéanamh ar eilimintí leathanach gréasáin.

Roghnóir id

Is minic is gá a shainmhíniú stíl níos cruinne, mar shampla d'aon ghné amháin den leathanach, nó chun iad a shampláil. Sa chás seo, tagann an cúnamh id-roghnóir. An comhad html shannadh inmhianaithe ainm mír go n-aithníonn sé i measc na cinn eile. Mar shampla, beidh na heilimintí sin a ba mhaith linn a shocrú difriúil ó stíl eile an teideal earra.

As sin html-dhoiciméad a shannadh aitheantóir h1 header, articlename den sórt sin. Agus sa CSS-comhad, sonrófar ann an stíl, ag cur leis an t-ainm Aitheantais gríl: #articlename {dath: gorm; téacs-ailíniú: ionad}. Anois beidh ár n-ceannlíne ag an dath gorm agus dírithe.

Is féidir le gach de na cineálacha thuas a chur síos mar "simplí CSS-roghnóir". Sainíonn siad an formáidiú ar pharaiméadar áirithe den html-doiciméid: chéile eilimintí den chineál céanna (m.sh., gach na míreanna an t-alt), aicme amháin (mar shampla, ach amháin an chéad mhír) nó ítim ar leith (mar shampla, an teideal airteagal).

tréith roghnóirí

Chomh maith leis an méid thuas, tá CSS-roghnóirí tréithe - modh níos casta de stíleanna iarratais. Ceadaíonn sé gnéithe bhformáid html ar an tréith roghnaithe nó luach. Tá cineálacha éagsúla den roghnóir:

• ag an láthair an tréith;
• ag a luach beacht;
• de réir luacha tréith páirteach;
• ar a luach ar leith.

Lig dúinn a mheas gach ceann de na speicis seo:

1. An chéad cás. Tá Formáidiú bhfeidhm, más ann dó i tréith ar leith html-cód (d'fhéadfadh sé a bheith ina p, div, header, etc.). Más rud é nach bhfuil sé, baineann sé úsáid cineálach do na gnéithe uile de stíl. Mar shampla, maidir leis na gnéithe a bhfuil an teideal (rinn uirlis).
2. An dara cás. Ní bhaineann an stíl amháin don html-eilimintí go bhfuil comhoiriúnach beacht ar na luachanna tréith. Mar shampla, chun ionchur an na heilimintí, nuair is ionann luach an tréith chineál a chur isteach.
3. An tríú cás. Faoi réir leagan amach amháin míreanna ar an liosta de na luachanna a bhfuil focal áirithe san áireamh. Mar shampla, sidebar tréith "aicme" a chur in eilimintí div.
4. An ceathrú cás. Tá stíl sainithe ach amháin le haghaidh na heilimintí sin den html-dhoiciméad, a bhfuil a tréith go bhfuil luach áirithe ar leith, agus tosaíonn leis. Mar shampla, an úsáid a bhaint an sonraíocht datha do gach eilimint a bhfuil an tréith Béarla (d'fhéadfadh a bheith en, en-rus, en-au agus t. D.).

Dá bhrí sin, trí úsáid a bhaint as ceann amháin nó an duine eile, an roghnóir CSS is féidir, a shonrú is fearr mar leathanach gréasáin ar fad, agus cur síos ar chuid de na heilimintí.