Carane Pasang Komentar CSS

Kalebu komentar ing kode CSS sampeyan wis migunani lan disaranake banget.

Saben situs web digawe saka unsur-unsur struktural (sing dictated dening HTML) uga gaya visual utawa "katon lan aran" saka situs. Cascading Style Sheets (CSS) yaiku apa sing digunakake kanggo ngandhakake tampilan visual sawijining situs web. Gaya iki tetep kapisah saka struktur HTML kanggo ngidini gampang nganyari lan ketaatan marang standar Web.

Kanthi ukuran kerumitan kathah situs web sapunika, lembaran gaya saged cepet sanget dipunginakaken lan sanget dipunginaaken. Iki luwih bener nalika sampeyan miwiti nambahake pitakon media kanggo gaya situs web sing responsif . Queries media piyambak bisa nambah jumlah gaya anyar menyang dokumen CSS lan nggawe malah harder kanggo nggarap. Iki ngendi komentar CSS bisa dadi bantuan sing ora pantes ing situs web.

Nambahake komentar menyang file CSS situs web iku cara sing apik kanggo nambah struktur kanggo bagean kode kasebut kanggo maca pembaca manungsa. Iku uga cara sing apik kanggo njlentrehake gaya-gaya kanggo profesional web sing bisa uga kudu dienggo ing situs iki ing mangsa ngarep - kalebu dhewe!

Ing pungkasan, kanthi nambahake komentar CSS bakal nggawe sheet gaya luwih gampang proses. Iki pancen penting kanggo lembar gaya sing bakal diowahi dening tim. Komentar bisa digunakake kanggo komunikasi aspek penting saka lembaran gaya kanggo anggota tim sing beda sing uga ora kenal karo kode kasebut. Komentar iki uga bisa mbiyantu banget kanggo wong-wong sing wis nggarap situs kasebut sadurunge bisa bali menyang kode kasebut sawisé ditinggal saka sawijining wektu kanggo sawetara wektu. Aku kerep wis ngowahi situs web sing dibangun sasi utawa malah taun kepungkur lan komentar kanthi format sing diformat ing HTML lan CSS banget dibantu! Elingi, mung amarga sampeyan mbangun situs ora ateges sampeyan bakal ngelingi apa sampeyan nindakake perkara sing sampeyan tindakake nalika sampeyan bali menyang situs kasebut ing mangsa ngarep! Komentar bisa nggawe maksud sampeyan jelas lan mbusak sembarang misunderstandings sadurunge malah kelakon.

Siji bab sing bisa dipahami babagan komentar CSS yaiku ora ditampilake nalika kaca gawé browser web. Komentar kasebut mung informasi, kaya komentar HTML (senadyan sintaks beda antarane loro). Komen CSS iki ora ngganggu tampilan visual situs kanthi cara apa wae lan mung ana ing kode kasebut.

Nambahake CSS Komentar

Nambahake komentar CSS cukup gampang. Sampeyan mung nempatake komentar sampeyan kanthi tag pang buka lan nutup komentar sing bener:

Apa sing katon ing antarane rong label iki bakal dadi isi komentar, mung katon ing kode lan ora ditampilake dening browser.

A komentar CSS bisa dadi siji baris, utawa bisa njupuk nganti pirang-pirang garis. Punika wonten conto:

div # border_red {border: red solid solid; } / * conto watesan abang * /

Lan conto multiline:

/ *************************** ********************** ****** Gaya kanggo kode teks **************************** ************ *************** /

Bagean Breaking Out

Salah siji cara aku kerep nggunakake komentar CSS yaiku ngatur lembar gaya ing bagean cilik, luwih gampang disunboksake. Aku seneng bisa ndeleng bagian-bagian iki kanthi gampang nalika aku maca file kasebut mengko. Kanggo nindakake iki, Aku kerep nambah komentar karo akeh hyphens ing dheweke supaya bisa nyedhiyakake gedhe, cetha banget ing kaca sing gampang katon kaya aku cepet nggulung kode. Punika conto:

/ * ----------------------- Gaya Rambut ----------------------- ------- * /

Nalika ndeleng salah siji komentar ing kode, aku ngerti iki minangka wiwitan bagean anyar saka dokumen kasebut, supaya aku luwih gampang ngolah lan nggunakake kode kasebut.

& # 34; Ngomentari Metune & # 34; Kode

Tag komentar uga bisa migunani ing proses coding lan debugging sawijining kaca. Komentar bisa digunakake kanggo "komentar metu" utawa "mateni" wilayah kode kasebut kanggo ndeleng apa sing kedadeyan yen bagean kasebut ora dadi bagean saka kaca kasebut.

Dadi carane iki bisa dilakoni? Inggih, amargi tag komentar ngandhani browser nolak kabeh ing antarane, sampeyan bisa nggunakake aplikasi kasebut kanggo mateni sawetara bagéan kode CSS tartamtu. Iki bisa dadi berguna nalika debugging, utawa nalika nyetel format halaman web.

Kanggo nindakake iki, sampeyan mung bakal nambah tag komentar mbukak ing ngendi sampeyan pengin kodhe bisa dipateni lan banjur nyelehake tag sing pungkasan sing pengin mbusak bagean sing dipateni. Kabeh ing antarane tag kasebut ora bakal ndadekake tampilan visual saka situs, saengga sampeyan bisa debug CSS kanggo ndeleng masalah sing ana. Sampeyan banjur bisa mlebu lan mbenerake masalah kasebut lan mbusak komentar saka kode kasebut.

Tips ngomong CSS

Minangka pitutur, ana sawetara tips sing kudu dielingake kanggo nggunakake komentar ing CSS sampeyan:

  1. Komentar bisa ngrampungake pirang-pirang baris.
  2. Komentar bisa kalebu unsur CSS sing sampeyan ora pengin dilapurake dening browser, nanging ora pengin dibusak rampung. Iki minangka cara sing becik kanggo debug sheet gaya situs web - mung manawa kanggo mbusak gaya sing ora dikepengini (minangka lawan ninggalake wong sing dikomentari) yen sampeyan nemtokake sampeyan ora perlu ing situs web
  3. Gunakake komentar nalika sampeyan nulis CSS rumit kanggo nambah klarifikasi lan ngandhani para pangembang ing mangsa ngarep, utawa sampeyan ing mangsa ngarep, babagan hal-hal penting sing kudu ngerti. Iki bakal nylametake wektu pangembangan mangsa kanggo kabeh sing terlibat.
  4. Komentar uga kalebu informasi meta kaya:
    • penulis
    • Tanggal digawe
    • informasi hak cipta

Kinerja

Komentar bisa mesthi mbiyantu, nanging bakal weruh yen komentar liyane sing ditambahake menyang lembaran gaya, bakal dadi, sing bakal nyebabake kacepetan lan kinerja download situs. Iki minangka keprigelan sing nyata, nanging sampeyan kudu ora ragu-ragu kanggo nambah komentar sing bermanfaat lan sah amarga wedi yen kinerja bakal nandhang sangsara. Garis CSS ora nambah ukuran gedhe menyang dokumen. Sampeyan bakal perlu nambah TONS garis komentar kanggo nggawe impact sing signifikan ing ukuran berkas CSS. Nambahake sawetara komentar migunani menyang CSS sampeyan ora bakal menehi impact negatif ing kacepetan kaca.

Ing pungkasan, sampeyan bakal nemokake keseimbangane antarane komentar mbiyantu lan komentar sing akeh banget kanggo entuk manfaat saka kedhaftar sing ana ing dokumen CSS sampeyan.

Artikel asli dening Jennifer Krynin. Diedit dening Jeremy Girard ing 7/5/17