Carson a tha crom sìmplidh a 'sìmpleachadh còdadh
CSS, no Cascading Style Sheets, a tha an sàs ann an gnìomhachas dealbhaidh lìn gus stoidhlichean lèirsinneach a chur ri làrach. Le CSS, faodaidh tu smachd a chumail air cruth na duilleige, dathan, clò-bhreac , ìomhaigh cùil, agus mòran a bharrachd. Gu dearbh, ma tha stoidhle lèirsinneach ann, is e CSS an dòigh air na stoidhlichean sin a thoirt chun làrach-lìn agad.
Mar a chuireas tu stoidhle CSS ri sgrìobhainn, 's dòcha gum bi fios agad gu bheil an sgrìobhainn a' tòiseachadh a 'faighinn nas fhaide agus nas fhaide. Faodaidh eadhon làrach bheag le glè bheag de dhuilleagan crìoch a chur air faidhle CSS sizable - agus faodaidh tòrr làrach CSS le tòrr is duilleagan de shusbaint àraidh faidhlichean CSS fìor mhòr a bhith agad. Tha seo air a thoirmeasg le làraichean fhreagarrach aig a bheil tòrr cheistean meadhanan air an gabhail a-steach anns na duilleagan stoidhle gus atharrachadh mar a tha na seallaidhean lèirsinneach agus an duilleag a 'sìneadh a-mach airson diofar sgrion.
Tha, faodar faidhlichean CSS a bhith fada. Chan e duilgheadas mòr a tha seo nuair a thig e gu coileanadh làraich agus luas a luchdachadh sìos, oir tha e coltach gum bi faidhle CSS fada gu math beag (seach gur e sgrìobhainn teacsa a th 'ann). Ach, tha a h-uile beagan a 'cunntadh nuair a thig e gu astar duilleige, mar sin ma nì thu an duilleag stoidhle agad, is e deagh bheachd a tha sin. Seo far am faod an "coma" a bhith gu math feumail san duilleag stoidhle agad!
Comas agus CSS
Is dòcha gu bheil thu air a bhith cinnteach dè an dreuchd a bhios a 'choma a' cluich ann an co-thomhas roghnachaidh CSS . Mar a tha ann an seantansan, tha a 'choma a' toirt soilleireachd - chan eil còd - ris na sgaraidhean. Bidh an cromag ann an roghnaichear CSS a ' sgaradh iomadh roghainn anns na h-aon stoidhlichean.
Mar eisimpleir, leigamaid sùil air CSS gu h-ìosal.
th {dath: dearg; }
td {dath: dearg; }
p.red {dath: dearg; }
div # firstred {dath: dearg; }
Leis a 'cho-chòrdadh seo, tha thu ag ràdh gu bheil thu ag iarraidh tagaichean, tagaichean td , tagaichean paragraf leis a' chlas dearg, agus an taga div leis an ID air a h-uile càil airson dath an stoidhle dearg.
Tha seo ceart CSS iomchaidh, ach tha dà dhuilgheadasan cudromach ann a bhith ga sgrìobhadh mar seo:
- San àm ri teachd, ma cho-dhùineas tu dath cruth-clò nan togalaichean sin gu gorm, feumaidh tu an t-atharrachadh sin a dhèanamh ceithir tursan anns an duilleag stoidhle agad.
- Tha e a 'cur tòrr charactaran a bharrachd ris an duilleag stoidhle agad nach fheum thu. Is dòcha nach eil na 4 stoidhlichean sin coltach ri cus thairis, ach ma chumas tu a 'dèanamh seo thairis air an duilleag stoidhle gu lèir agad, cuiridh na loidhnichean ris agus bidh an duilleag sin mòran nas motha na feumar a bhith.
Gus na duilgheadasan sin a sheachnadh, agus gus am faidhle CSS agad a shìneadh, feuchaidh sinn ri cuachan a chleachdadh.
A 'cleachdadh chomas gus luchd-taghaidh a roinn
An àite a bhith a 'sgrìobhadh 4 taisbeanairean CSS agus 4 riaghailtean eadar-dhealaichte, faodaidh tu na stoidhlichean sin a chur còmhla ann an aon riaghailt seilbh le bhith a' sgaradh luchd-taghaidh fa leth le cromag. Seo mar a bhiodh sin air a dhèanamh:
th, td, p.red, div # firstred {dath: dearg; }
Tha an caractar croma sa chumantas ag obrachadh mar am facal "agus" am broinn an taghaidh. Mar sin tha seo a 'buntainn ri tagaichean agus tagaichean td agus tagaichean paragraf leis a' chlas dearg AGUS an taga div leis an ID air thoiseach. Sin dìreach an rud a bh 'againn roimhe, ach an àite a bhith a' feumachdainn riaghailtean 4 CSS, tha riaghailt againn le iomadh roghainn. Is e seo a tha a 'chroma a' dèanamh anns an taghadh, tha e a 'leigeil leinn iomadh roghainn a bhith againn ann an aon riaghailt.
Chan e a-mhàin gu bheil an dòigh-obrach seo a 'dèanamh airson faidhlichean CSS nas làidire, nas glaine, agus bidh e a' dèanamh naidheachdan san àm ri teachd gu math nas fhasa. A-nis ma bha thu airson an dath atharrachadh gu dearg gu gorm, cha leig thu leas ach an t-atharrachadh a dhèanamh ann an aon àite seach a bhith thairis air na riaghailtean stoidhle 4 a bh 'againn! Smaoinich mu na sàbhalaidhean ùine sin thar faidhle CSS gu lèir agus chì thu mar a shàbhail seo dhut an dà chuid ùine agus àite san rùn fhada!
Variation Syntax
Tha cuid de dhaoine a 'taghadh an CSS a dhèanamh nas so-leònte le bhith a' sgaradh gach tagraiche air a loidhne fhèin, an àite a sgrìobhadh gu lèir air aon loidhne mar a tha gu h-àrd. Seo mar a bhiodh sin air a dhèanamh:
th,
td,
p.red,
div # firstred
{
dath: dearg;
}
Feuch gum bi thu a 'cur cromag às deidh gach roghnaichear agus an uairsin cleachd "cuir a-steach" gus an ath roghnaichear a bhriseadh air a loidhne fhèin. NACH EIL cuir cromag às deidh dhut an dèidh an tagraiche deireannach.
Le bhith a 'cleachdadh cromagan eadar na taghtearan agad, cruthaichidh tu duilleag nas mionaidiche stoidhle a tha nas fhasa ùrachadh às ùr san àm ri teachd agus tha sin nas fhasa a leughadh an-diugh!
Artaigil tùsail le Jennifer Krynin. Air a dheasachadh le Jeremy Girard air 5/8/17