! Mahalagang Lakas ng Pagbabago sa Cascade
Isa sa mga pinakamahusay na paraan upang matutunan kung paano mag-code ng mga website ay ang pagtingin sa mga source code ng iba pang mga site. Ang pagsasanay na ito ay kung gaano karaming mga propesyonal sa web ang natutunan ang kanilang mga craft, lalo na sa mga araw bago nagkaroon ng maraming mga pagpipilian para sa mga kurso sa disenyo ng web , mga libro , at online na mga site ng pagsasanay.
Kung susubukan mo ang praktis na ito at tingnan ang cascading style sheets (CSS) ng isang site, ang isang bagay na maaari mong makita sa code na iyon ay isang linya na nagsasabing! Mahalaga.
Ano ang ibig sabihin nito at, tulad ng mahalaga, paano mo ginagamit nang wasto ang pahayag na iyon sa iyong mga style sheet?
Ang Cascade ng CSS
Una sa lahat, mahalaga na maunawaan na ang cascading style sheets ay talagang kaskad , ibig sabihin ay inilalagay sila sa isang partikular na pagkakasunud-sunod. Sa pangkalahatan, ang ibig sabihin nito ay ang mga estilo ay inilalapat sa pagkakasunud-sunod na binabasa ng browser. Ang unang estilo ay inilapat at pagkatapos ay ang pangalawang at iba pa.
Bilang isang resulta, kung ang isang estilo ay lilitaw sa itaas ng isang estilo ng sheet at pagkatapos ay nagbago mas mababang pababa sa dokumento, ang pangalawang halimbawa ng estilo na iyon ay inilapat sa kasunod na mga pagkakataon, hindi ang una. Talaga, kung ang dalawang estilo ay nagsasabi ng parehong bagay (na nangangahulugan na mayroon silang parehong antas ng pagtitiyak), ang huling nakalista ay gagamitin.
Halimbawa, isipin natin na ang mga sumusunod na estilo ay nakapaloob sa isang style sheet. Ang teksto ng talata ay maituturing na itim, bagaman ang unang uri ng ari-arian na inilapat ay pula.
Ito ay dahil ang "itim" na halaga ay nakalista ikalawa. Dahil ang CSS ay nabasa nang itaas-sa-ilalim, ang pangwakas na estilo ay "itim" at samakatuwid ang isang panalo.
p {color: red; }
p {color: black; }
Paano Mahalaga ang Mga Pagbabago?
Ngayon na naiintindihan mo kung paano ang mga halos magkaparehong mga panuntunan na naproseso ng CSS, maaari naming tingnan kung paano ang mahalagang direktiba ay nagbabago ng mga bagay nang kaunti.
Ang mahalagang tagubilin ay nakakaapekto sa paraan kung saan ang iyong CSS cascades habang sinusunod ang mga panuntunan na sa palagay mo ay pinaka-mahalaga at dapat na maipapatupad. Ang isang patakaran na may mahalagang utos ay palaging inilalapat kung saan lumilitaw ang tuntunin sa dokumento ng CSS.
Upang gawing pula ang teksto ng talata, mula sa halimbawa sa itaas, gagamitin mo ang:
p {color: red! important; }
p {color: black; }
Ngayon ang lahat ng mga teksto ay lilitaw sa pula, kahit na ang "itim" na halaga ay nakalista ikalawang. Ang "mahalagang direktiba" ay binabawasan ang mga normal na tuntunin ng kaskad at nagbibigay ito ng estilo na napakataas na tiyak.
Kung talagang kailangan mo ang mga talata na lumitaw na pula, ang estilo na ito ay gagawin ito, ngunit hindi ito nangangahulugan na ito ay isang mahusay na kasanayan. Ang susunod na pagtingin sa kung kailan mo nais na gamitin! Mahalaga at kapag ito ay hindi angkop.
Kailan Magagamit! Mahalaga
Ang mahalagang tagubilin ay kapaki-pakinabang kapag sinusubukan mo at nag-debug ng isang website. Kung hindi ka sigurado kung bakit ang isang estilo ay hindi na-apply at sa tingin ito ay maaaring isang isyu sa pagtitiyak, maaari mong idagdag ang mahalagang pahayag sa iyong estilo upang makita kung na-aayos ito.
Kung ang pagdaragdag! Mahalaga ay talagang ayusin ang estilo ng problema, natukoy mo lamang na ito ay isang tiyak na isyu. Gayunpaman, ayaw mong iwanan ang mahahalagang code na iyon, inilalagay lamang ito para sa mga layunin ng pagsubok.
Dahil ang pagsusuri ay tapos na, dapat mo na ngayong alisin ang direktiba at ayusin ang iyong tagapili upang makamit ang pagtitiyak na kailangan mo upang makuha ang iyong estilo ng pagtatrabaho. ! Mahalaga hindi dapat gawin ang paraan sa iyong mga site ng produksyon, sa bahagi dahil sa kung paano ito nagbabago ang normal na kaskad.
Kung ikaw ay masyadong matangkad sa mahahalagang deklarasyon upang makamit ang iyong nais na mga estilo, sa wakas ay magkakaroon ka ng isang estilo ng sheet na littered sa mga mahahalagang estilo. Sa pangkalahatan ay babaguhin mo ang paraan na ma-proseso ang CSS ng pahina. Ito ay isang tamad na kasanayan na hindi mabuti mula sa isang pang-matagalang punto ng pamamahala.
Gamitin! Mahalaga para sa pagsubok o, sa ilang mga kaso, kapag ganap na dapat mong i-override ang isang estilo ng inline na bahagi ng isang tema o balangkas ng template.
Kahit na sa mga kaso na iyon, gamitin ang diskarte na ito bilang matipid hangga't maaari at sa halip ay nagsusumikap na magsulat ng malinis na estilo ng mga sheet na maunawaan ang kaskad.
Mga Sheet ng Estilo ng User
May isang huling tala sa mahalagang tagubilin na mahalaga upang maunawaan. Inilagay din ang direktiba na ito upang tulungan ang mga gumagamit ng web page na makayanan ang mga style sheet na gumawa ng mga pahina na mahirap para sa kanila na gamitin o basahin.
Kadalasan, kung tinukoy ng isang user ang isang estilo ng sheet upang tingnan ang mga web page, ang style sheet na ito ay pinalitan ng style sheet ng may- akda ng web page. Kung ang gumagamit ay nagmamarka ng isang estilo bilang! Mahalaga, ang estilo na iyon ay overrules sa style sheet ng may-akda ng pahina, kahit na ang may-akda ay nagmamarka ng panuntunan bilang! Mahalaga.
Ito ay kapaki-pakinabang para sa mga gumagamit na kailangang magtakda ng mga estilo sa isang tiyak na paraan. Halimbawa, maaaring kailanganin ng isang tao na taasan ang mga default na laki ng font sa lahat ng mga web page na ginagamit nila. Sa pamamagitan ng paggamit ng iyong mahalagang direktiba na direktiba sa loob ng mga pahinang binuo mo, tinatanggap mo ang anumang mga espesyal na pangangailangan na maaaring mayroon ang iyong mga gumagamit.
Ini-edit ni Jeremy Girard