Paano Magdaragdag ng mga komento sa Cascading Style Sheets (CSS)

Ang bawat website ay binubuo ng istruktura (na kung saan ay dictated ng HTML), functional, at stylistic elemento. Ang Cascading Style Sheets (CSS) ay ginagamit upang utusan ang hitsura (ang "hitsura at pakiramdam") ng isang website. Ang mga estilo na ito ay pinanatiling hiwalay mula sa istraktura ng HTML upang pahintulutan ang kadalian sa pag-update at pagsunod sa mga pamantayan sa web.

Ang Problema Gamit ang Mga Estilo

Sa laki at pagkakumplikado ng maraming mga website ngayon, ang mga estilo ay maaaring maging masyadong mahaba at masalimuot. Talagang totoo na ngayon na ang mga query sa media para sa mga tumutugon na mga estilo ng website ay isang mahalagang bahagi ng disenyo, tinitiyak na ang isang website ay mukhang hindi dapat anuman ang aparato. Ang mga query sa media na nag-iisa ay maaaring magdagdag ng isang makabuluhang bilang ng mga bagong estilo sa isang CSS na dokumento, ginagawa itong mas mahirap na magtrabaho kasama. Ito ay kung saan ang mga komento ng CSS ay maaaring maging napakamahal na tulong sa mga taga-disenyo ng website at mga developer.

Mga Komento Magdagdag ng Istraktura at kalinawan

Ang pagdaragdag ng mga komento sa mga file ng CSS ng isang website ay isang mahusay na paraan upang ayusin ang mga seksyon ng code na iyon para sa isang tao na mambabasa na sinusuri ang dokumento. Tinitiyak din nito ang pagkakapare-pareho kapag ang isang propesyonal sa web ay nakakakuha kung saan umalis ang iba, o kapag nagtatrabaho ang mga koponan ng mga tao sa isang site.

Ang mga naka-format na komento ay maaaring makipag-usap sa mga mahahalagang aspeto ng stylesheet sa mga miyembro ng isang koponan na maaaring hindi pamilyar sa code na. Ang mga komento na ito ay kapaki-pakinabang din para sa mga taong nagtrabaho sa site bago ngunit hindi kamakailan lamang; Ang mga taga-disenyo ng web ay karaniwang nagtatrabaho sa maraming mga site, at ang pag-alala sa mga diskarte sa disenyo mula sa isa hanggang sa susunod ay mahirap.

Para sa Mga Propesyonal 'Mata lamang

Ang mga komento sa CSS ay hindi ipinapakita kapag nag-render ang pahina sa mga web browser. Ang mga komentong iyon ay impormasyon lang, tulad ng mga komento sa HTML (bagaman iba ang syntax). Ang mga komento ng CSS ay hindi nakakaapekto sa visual display ng isang site sa anumang paraan.

Pagdagdag ng Mga Komento sa CSS

Madali madali ang pagdaragdag ng komento sa CSS. Nag-bookend mo lang ang iyong komento gamit ang tamang tag ng pagbubukas at pagsasara ng komento:

Simulan ang iyong komento sa pamamagitan ng pagdaragdag
/*
Isara ang iyong komento sa pamamagitan ng pagdagdag
*/

Anumang bagay na lumilitaw sa pagitan ng dalawang tag na ito ay ang nilalaman ng komento, makikita lamang sa code at hindi nai-render ng browser.

Ang CSS comment ay maaaring tumagal ng anumang bilang ng mga linya. Narito ang dalawang halimbawa:

/ * red border example * / div # border_red { hangganan: manipis na solid red; }/*******************************************************Estilo para sa code ng teksto*******************************************************/

Pagbabagsak ng mga Seksyon

Maraming taga-disenyo ang nag-organisa ng mga estilo ng istatistika sa maliit, madaling madulas na mga chunks na madaling i-scan kapag nagbabasa. Karaniwan, makikita mo ang mga komento na sinundan at sinusundan ng mga serye ng mga gitling na lumikha ng mga malalaking, halata na mga break sa pahina na madaling makita. Narito ang isang halimbawa:

/ * ----------------------- Mga Estilo ng Header ----------------------- ------- * /
Ipinapahiwatig ng mga komentong ito ang simula ng isang bagong seksyon ng coding.

"Nagkomento Out" Code

Dahil ang mga komento tag sabihin sa browser upang huwag pansinin ang lahat sa pagitan ng mga ito, maaari mong gamitin ang mga ito upang pansamantalang huwag paganahin ang ilang bahagi ng CSS code. Maaaring magamit ito kapag nag-debug, o kapag nag-aayos ng pag-format ng webpage. Sa katunayan, kadalasan ginagamit ng mga designer ang mga ito upang "magkomento" o "patayin" ang mga lugar ng code upang makita kung ano ang mangyayari kung ang bahaging iyon ay hindi bahagi ng pahina.

Upang gawin ito, idagdag lamang ang pambungad na tag ng komento bago ang code na gusto mong magkomento (huwag paganahin); ilagay ang closing tag kung saan mo gustong matapos ang bahagi ng may kapansanan. Wala sa pagitan ng mga tag na iyon ang makakaapekto sa visual display ng isang site, na nagbibigay-daan sa iyo upang i-debug ang CSS upang makita kung saan ang isang problema ay nangyayari. Pagkatapos ay maaari kang pumunta sa at ayusin lamang ang isyu na iyon at alisin ang mga komento mula sa code.

Mga Tip sa Pagkomento sa CSS

Bilang isang pagbabalik-tanaw, narito ang ilang tip na dapat tandaan para sa paggamit ng mga komento sa iyong CSS:

Ang mga komento ay maaaring sumasaklaw ng maraming linya.

Ang mga komento ay maaaring magsama ng mga elemento ng CSS na ayaw mong mag-render ng isang browser ngunit hindi mo nais na ganap na tanggalin. Tandaan na tanggalin ang hindi nagamit na mga estilo (kumpara sa pag-iwan ng mga komento) kung magpasya kang hindi mo kailangan ang mga ito sa website.

Gumamit ng mga komento tuwing nagsusulat ka ng kumplikadong CSS upang magdagdag ng istraktura, linawin ang mga desisyon sa disenyo, at ipaalam sa mga developer sa hinaharap (o paalalahanan ang iyong sarili) tungkol sa mga mahalagang pagsasaalang-alang. Nagse-save ito ng oras sa hinaharap para sa lahat ng kasangkot.

Ang mga komento ay maaari ring isama ang impormasyon ng meta tulad ng:

May-akda

Nilikha ang petsa

Copyright

Pagganap

Habang ang pagdaragdag ng napakaraming komento ay maaaring makaapekto sa bilis ng pag-download at pagganap ng site, hindi ka dapat mag-atubiling gamitin ito. Kakailanganin ng maraming mga linya ng mga komento na magkaroon ng isang makabuluhang negatibong epekto. Tulad ng napakaraming aspeto ng disenyo ng web, ang lahat ay bumaba sa balanse.