Mar a chuir thu a-steach beachd CSS

A 'gabhail a-steach beachdan anns a' chòd CSS agad feumail agus air a mholadh gu mòr.

Tha gach làrach-lìn air a dhèanamh suas de eileamaidean structarach (a tha air an òrdachadh le HTML) a bharrachd air an stoidhle lèirsinneach no "coimhead agus faireachdainn" den làrach sin. Is e Cascading Style Sheets (CSS) na tha air a chleachdadh gus coltas làrach-lìn fhaicinn. Tha na stoidhlichean sin air an cumail air leth bho structar HTML gus cothrom a thoirt air ùrachadh agus cumail ri ìrean lìn.

Leis cho iom-fhillte 'sa tha iomadh làrach-lìn an-diugh, faodaidh bileagan stoidhle a bhith gu math fada agus gu math duilich a bhith ag obair còmhla riutha. Tha seo gu h-àraidh fìor nuair a thòisicheas tu a 'cur a-steach ceistean meadhanan airson stoidhlichean fhreagarrach làrach-lìn . Faodaidh na ceistean meadhanan sin a-mhàin mòran de stoidhlichean ùra a chur ri sgrìobhainn CSS agus ga dhèanamh nas duilghe a bhith ag obair còmhla. Seo far am faod beachdan CSS a bhith nan cuideachadh luachmhor air làrach-lìn.

Tha e a 'cur beachdan gu faidhlichean CSS làrach-lìn dòigh mhath air structar a chur ri earrannan den chòd sin airson leughadair daonna a tha a' dèanamh ath-sgrùdadh air an sgrìobhainn. Tha e cuideachd na dhòigh iongantach airson na stoidhlichean sin a mhìneachadh airson proifeiseantair lìn a dh 'fheumas a bhith ag obair air an làrach san àm ri teachd - a' gabhail a-steach thu fhèin!

Aig a 'cheann thall, cuiridh beachdan CSS gu brìgheil air duilleag stoidhle nas fhasa a làimhseachadh. Tha seo gu dearbh cudromach airson duilleagan stoidhle a bhios air an deasachadh le sgioban. Faodar beachdan a chleachdadh gus taobhan cudromach den duilleag stoidhle a chur an cèill do bhall den sgioba nach eil eòlach air a 'chòd mu thràth. Faodaidh na beachdan sin cuideachd a bhith gu math cuideachail do dhaoine a tha air a bhith ag obair air an làrach mus tig iad air ais dhan chòd an dèidh a bhith air falbh bhuaithe airson greis. Gu tric, dh'fheumainn làrach-lìn a dheasachadh a thog mi mìosan no eadhon bliadhna air ais agus tha beachdan glè mhath againn ann an HTML agus CSS gu math taiceil! Cuimhnich, dìreach seach nach do thog thu làrach chan eil e a 'ciallachadh cuimhnichidh tu carson a rinn thu na rudan a rinn thu nuair a thilleas tu chun an làrach sin san àm ri teachd! Faodaidh beachdan na h-amasan agad a dhèanamh soilleir agus soilleir suas mì-thuigse sam bith mus tachair iad eadhon.

Is e aon rud a thuigsinn mu dheidhinn beachdan CSS nach eil iad air an taisbeanadh nuair a tha an duilleag a 'nochdadh ann am brabhsair-lìn. Chan eil na beachdan sin ach fiosrachadh, dìreach mar bheachdan HTML (ged a tha an co-chòrdadh eadar-dhealaichte eadar an dà). Chan eil na beachdan CSS sin a 'toirt buaidh air taisbeanadh lèirsinneach làrach ann an dòigh sam bith agus tha iad dìreach a' nochdadh anns a 'chòd fhèin.

A 'cur ri beachdan CSS

Tha e gu math furasta a bhith a 'cur beachd CSS air adhart. Tha thu dìreach ag ath-chuir do bheachd le fosgladh agus dùnadh ceart tagaichean taga:

Is e rud sam bith a nochdas eadar na dà thànaig seo susbaint a 'bheachdan, a chithear dìreach anns a' chòd agus nach eil air a thoirt seachad leis a 'bhrabhsair.

Faodaidh beachd CSS a bhith na aon loidhne, no faodaidh e iomadh loidhne a ghabhail. Seo eisimpleir aon loidhne:

div # border_red {crìoch: cruaidh tana dearg; } / * eisimpleir de chrìochan dearg * /

Agus iomadh eisimpleir:

/ *************************** ********************** Stoidhle ****** airson teacsa còd **************************** ************ *************** /

Earrannan a 'briseadh a-mach

Is e aon de na dòighean anns am bi mi a 'cleachdadh beachdan CSS gu cunbhalach a bhith a' cur air dòigh an duilleag stoidhle agam ann an cnapan nas lugha, nas fhasa a dhèanamh nas fhasa. Is toigh leam a bhith comasach air na h-earrannan seo fhaicinn gu furasta nuair a bhios mi a 'cleachdadh an fhaidhle nas fhaide air adhart. Gus seo a dhèanamh, bidh mi tric a 'cur bheachdan ris a' mhòr-chuid de dhuaisean orra gus am bi iad a 'tairgse briseadh follaiseach anns an duilleag a tha furasta fhaicinn fhad' sa tha mi a 'gluasad tron ​​chòd gu luath. Seo eisimpleir:

/ * ----------------------- Stòrasan Ceannard ----------------------- ------- * /

Nuair a chì mi aon de na beachdan sin anns a 'chòd agam, tha fios agam gur e toiseach earrann ùr den sgrìobhainn sin, a' toirt cothrom dhomh an còd a chleachdadh agus a chleachdadh nas fhasa.

& # 34; A 'bruidhinn a-mach & # 34; Còd

Faodaidh tagaichean beachd a bhith feumail cuideachd anns a 'phròiseas còd fhèin agus a' toirt air falbh duilleag. Faodar beachdan a chleachdadh airson "beachd a thoirt a-mach" no "dheth" na còd sin gus faicinn dè a thachras mura h-eil an earrann sin mar phàirt den duilleig.

Mar a tha seo ag obair? Uill, a chionn 's gu bheil na tagaichean tagraidh ag innse don bhrobhsair nach toir iad seachad a h-uile càil eatarra, faodaidh tu an cleachdadh gus cuid de chòd CSS a dhìon. Faodaidh seo a bhith gu math feumail nuair a tha thu a 'dearbhadh, no nuair a nì thu atharrachadh air cruth an duilleag-lìn.

Gus seo a dhèanamh, bhiodh tu dìreach ag iarraidh an tag tagraidh fhosgailte far a bheil thu ag iarraidh a 'chòd tòiseachadh air a bhith air a dhìteadh agus an uair sin cuir a-steach an teachdaireachd sin nuair a tha thu ag iarraidh crìoch a chur air a' chuibhreann ciorramach. Cha toir a h-uile càil eadar na tagaichean sin buaidh air taisbeanadh lèirsinneach làrach, a 'toirt cothrom dhut an CSS a dhubhadh sìos gus faicinn far am faodadh duilgheadas a bhith a' tachairt. Faodaidh tu an uairsin a dhol a-steach agus an rud sin a rèiteachadh dìreach agus na beachdan bhon chòd a thoirt às.

Stiùireadh a 'Bhùird CSS

Mar ath-chuairt, tha cuid de mholaidhean ann airson cuimhneachadh airson a bhith a 'cleachdadh bheachdan anns na CSS agad:

  1. Faodaidh beachdan farsaingeachd a dhèanamh air iomadh loidhne.
  2. Faodaidh beachdan eilidean CSS a ghabhail a-steach nach eil thu airson a bhith air an toirt seachad le brabhsair, ach nach eil thu airson a sguabadh às gu tur. Is e dòigh mhath a tha seo airson duilleagan stoidhle làrach-lìn a dhubhadh às - dìreach dèan cinnteach gun cuir thu às stoidhlichean nach eil air an cleachdadh (an àite a bhith gam fàgail air an toirt seachad) ma cho-dhùineas tu nach fheum thu iad air an làrach-lìn
  3. Cleachd beachdan nuair a bhios tu a 'sgrìobhadh CSS iom-fhillte gus soilleireachadh a thoirt seachad agus gus fios a thoirt do luchd-leasachaidh san àm ri teachd, no thu fhèin san àm ri teachd, mu rudan cudromach bu chòir dhaibh a bhith eòlach orra. Sàbhailidh seo ùine leasachaidh san àm ri teachd do gach neach a tha an sàs ann.
  4. Faodaidh beachdan cuideachd meta-fhiosrachadh leithid:
    • ùghdar
    • deasaich an tùs]
    • fiosrachadh dlighe-sgrìobhaidh

Coileanadh

Faodaidh beachdan gu cinnteach a bhith cuideachail, ach bi mothachail gum bi barrachd bheachdan a chuireas tu ri duilleag stoidhle, agus mar as trice bidh e a 'toirt buaidh air astar agus coileanadh luchdachadh sìos làrach. Tha seo na adhbhar dragh, ach cha bu chòir dhut a bhith duilich beachdan cuideachail is dligheach a chur a-steach airson eagal gum bi an coileanadh a 'fulang. Chan eil loidhne CSS a 'cur meud mòr ri sgrìobhainn. Dh'fheumadh tu TON de shreathan de bheachdan a chur ris gus buaidh mhòr a thoirt air meud an fhaidhle CSS. Cha bu chòir dhut a bhith a 'cur beagan de bheachdan feumail a-steach don CSS agad buaidh dhìreach droch-dhìreach ort air astar na duilleige.

Aig a 'cheann thall, bidh thu airson an cothromachadh eadar beachdan cuideachail agus cus beachdan fhaighinn airson na buannachdan a tha an dà chuid nad sgrìobhainnean CSS fhaighinn.

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