Buidheann de luchd-roghnaichte iomadh CSS

Luchd-taghadh iomadh sgioba CSS gus Luach-luirg a leasachadh

Tha èifeachdas na adhbhar cudromach ann an làrach-lìn shoirbheachail. Bu chòir don làrach sin a bhith èifeachdach anns an dòigh anns a bheil e a 'cleachdadh ìomhaighean air-loidhne . Cuidichidh seo a 'dèanamh cinnteach gu bheil an làrach a' coileanadh gu math dha luchd-tadhail agus a ' tarraing gu luath air na h-innealan aca. Bu chòir èifeachdas a bhith na phàirt den phròiseas iomlan agad, a 'cuideachadh le bhith cumail adhartas làrach le ùine agus air a' bhuidseat.

Aig a 'cheann thall, tha èifeachdas a' nochdadh anns gach raon de shoirbheachadh cruthachaidh agus fad-ùine làrach-lìn, a 'gabhail a-steach nan stoidhlichean a tha air an sgrìobhadh airson duilleagan CSS an làrach sin. Tha comas agad faidhlichean CSS nas làidire, nas glaine a chruthachadh, agus tha aon de na dòighean anns am faod thu seo a choileanadh le bhith a 'toirt grunn thaghtearan CSS còmhla.

Luchd-tairgse buidhne

Nuair a bhios tu a ' buinn ri taisbeanairean CSS , cuiridh tu na stoidhlichean a-steach gu grunn rudan eile gun a bhith ag ath-aithris nan stoidhlichean anns an duilleag stoidhle agad. An àite riaghailtean CSS no dhà no eadhon nas motha a dhèanamh, tha a h-uile gin dhiubh a 'dèanamh an aon rud (eisimpleir, cuir an dath rudeigin gu dearg), tha riaghailt CSS agad a bhios a' coileanadh airson do dhuilleag.

Tha grunn adhbharan ann airson "buannachadh de luchd-taghaidh" a bhuannachadh air duilleag. An toiseach, bidh an duilleag stoidhle agad nas lugha agus bidh e nas luaithe. Gu dearbh, chan e bileagan stoidhle aon de na prìomh dhraibhearan nuair a thig e gu làraichean slaodach slaodach. Tha faidhlichean CSS nam faidhlichean teacsa, agus mar sin tha duilleagan fada CSS gu math bìodach, faidhlichean a tha cho glic, an coimeas ri ìomhaighean neo-fhreagarrach. A dh'aindeoin sin, tha a h-uile beagan a 'cunntadh, agus ma dh' fhaodas tu beagan meud a dhèanamh de CSS agus na duilleagan a tha nas luaithe a ghiùlan, is e rud math a tha an-còmhnaidh ri dhèanamh.

San fharsaingeachd, tha na h-ìrean luatha nas àirde na cuibheasachd airson làraichean nas lugha na 3 diog; Tha 3 gu 7 diogan mu chuibheasachd, agus tha còrr is 7 diogan dìreach ro shlaodach. Tha na h-àireamhan ìosal sin a 'ciallachadh, gum feum thu na rudan as urrainn dhut a dhèanamh, gus an coileanadh leis an làrach agad! Is e seo as coireach as urrainn dhut cuideachadh a 'cumail do làrach gu luath le bhith a' taghadh luchd-roghnaichte CSS.

Mar a bhios tu a 'taghadh thaghtearan CSS

Gus taghadh de luchd-taisbeanaidh CSS còmhla anns an duilleag stoidhle agad, bidh tu a ' cleachdadh cromagan gus sgaradh a dhèanamh air iomadh tagh buidheann air an stoidhle. Anns an eisimpleir gu h-ìosal, tha an stoidhle a 'toirt buaidh air na h-eileamaidean p agus div:

div, p {dath: # f00; }

Tha a 'chomaig gu bunaiteach a' ciallachadh "agus". Mar sin tha an taghadh seo a 'buntainn ri gach eileamaid paragraf AGUS na h-eileamaidean roinneil uile. Nam biodh an cromag a dhìth, bhiodh e na h-eileamaidean paragraf a tha nan leanabh ann an roinn. Tha sin gu math eadar-dhealaichte de thaghadh, agus mar sin tha a 'choma seo a' dèanamh atharrachadh air ciall an taghaidh!

Faodar seòrsa sam bith de thaghadh a ghluasad le tagraiche sam bith eile. San eisimpleir seo, tha roghnaichear clas air a chuantachadh le tagraiche ID:

p.red, #sub {dath: # f00; }

Mar sin tha an stoidhle seo a 'buntainn ri paragraf sam bith leis a' ghnè clas "dearg", AGUS eileamaid sam bith (bho nach do shònraich sinn dè an seòrsa) a tha air feart ID de "fo".

Is urrainn dhut buidheann sam bith de luchd-taghaidh a thaghadh còmhla, a 'gabhail a-steach luchd-taghaidh a tha nam faclan singilte agus luchd-taghaidh co-ionnan. Tha an eisimpleir seo a 'toirt a-steach ceithir taghraichean eadar-dhealaichte:

p, .red, #sub, div a: link {dath: # f00; }

Mar sin bhiodh an riaghailt CSS seo a 'buntainn ris na leanas:

Tha an roghnaichear mu dheireadh sin na roghnaiche cumaite. Chì thu gu bheil e furasta a chur còmhla ris na taghadairean eile anns an riaghailt CSS seo. Leis an riaghailt sin, tha sinn a 'suidheachadh dath #f00 (a tha dearg) air na 4 luchd-roghnaichte seo, a tha nas fheàrr a bhith a' sgrìobhadh 4 neach-roghnaichte fa leth gus an aon toradh a choileanadh.

Is e buannachd eile do luchd-taghaidh buidhne gum bi thu comasach air aon riaghailt CSS singilte a dheasachadh an àite grunnan dhiubh ma dh'fheumas tu atharrachadh a dhèanamh. Tha seo a 'ciallachadh gu bheil an dòigh-obrach seo a' cumail cuideam air cuideam agus àm na duilleige nuair a thig e gus an làrach a chumail suas san àm ri teachd.

Faodaidh neach-taghaidh sam bith a bhith air a lìonadh

Mar a chì thu bho na h-eisimpleirean gu h-àrd, faodar tagraiche dligheach sam bith a chur ann am buidheann, agus bidh na h-aon eileamaidean anns an sgrìobhainn a tha a 'freagairt ris na h-eileamaidean buidhne air an aon stoidhle stèidhichte air an stoidhle sin.

Is fheàrr le cuid de dhaoine na h-eileamaidean buidhneach a chlàradh air loidhnichean fa leth airson so-leònte anns a 'chòd. Tha a 'choltas air an làrach-lìn agus an luas-luirg mar an ceudna. Mar eisimpleir, faodaidh tu a bhith a 'ceangal stoidhlichean air an sgaradh le cromagan ann an aon stoidhle ann an aon loidhne de chòd:

th, td, p.red, div # firstred {dath: dearg; }

no faodaidh tu na stoidhlichean a liostadh air loidhnichean fa leth airson soilleireachd:

th,
td,
p.red,
div # firstred
{
dath: dearg;
}

Tha dòigh no dhà a chleachdas tu gus buidheann de luchd-taghadh iomadh CSS a 'luachadh suas an làraich agad agus a dhèanamh nas fhasa stiùireadh a dhèanamh air stoidhlichean fad-ùine.

Artaigil tùsail le Jennifer Krynin. Air a dheasachadh le Jeremy Girard air 5/8/17.