Kaip pridėti komentarus į pakopinius stiliaus lapus (CSS)

click fraud protection

Kiekviena svetainė susideda iš struktūrinių, funkcinių ir stilistinių elementų. Kaskados stiliaus lapai diktuoti svetainės išvaizdą („išvaizdą ir jausmą“). Šie stiliai laikomi atskirai nuo HTML struktūros, kad būtų lengviau atnaujinti ir laikytis interneto standartų.

Stiliaus lapų problema

Šiandien daugelio svetainių dydis ir sudėtingumas gali būti gana ilgas ir sudėtingas. Ši problema tapo vis sudėtingesnė žiniasklaidos užklausos dėl reaguojančių svetainių stilių yra esminė dizaino dalis, užtikrinant, kad svetainė atrodytų taip, kaip turėtų atrodyti, neatsižvelgiant į įrenginį. Vien šios žiniasklaidos užklausos gali pridėti daug naujų stilių prie CSS dokumento, todėl dar sunkiau dirbti. Valdant šį sudėtingumą CSS komentarai gali tapti neįkainojama pagalba svetainių kūrėjams ir kūrėjams.

Komentarai Pridėti struktūrą ir aiškumą

Pridėjus komentarų prie svetainės CSS failų, šio kodo skiltys sutvarkomos skaitytojui, peržiūrinčiam dokumentą. Tai taip pat užtikrina nuoseklumą, kai vienas žiniatinklio profesionalas pradeda darbą ten, kur kitas palieka darbą, arba kai žmonių komandos dirba svetainėje.

instagram viewer

Gerai suformatuoti komentarai praneša apie svarbius stiliaus lapo aspektus komandos nariams, kurie galbūt nėra susipažinę su kodu. Šie komentarai taip pat naudingi žmonėms, kurie anksčiau dirbo svetainėje, bet neseniai to nedarė; interneto dizaineriai paprastai dirba daugelyje svetainių ir sunku prisiminti dizaino strategijas iš vienos į kitą.

Tik profesionalų akims

CSS komentarai nerodomi, kai puslapis pateikiamas interneto naršyklės. Šie komentarai yra tik informaciniai, kaip ir HTML komentarai yra (nors sintaksė skiriasi). Šie CSS komentarai jokiu būdu neturi įtakos vizualiam svetainės vaizdavimui.

CSS komentarų pridėjimas

Pridėti CSS komentarą yra gana paprasta. Užsakykite komentarą su teisingomis pradžios ir pabaigos komentaro žymomis:

Pradėkite komentarą pridėdami /* ir uždaryk jį */.

Viskas, kas pasirodo tarp šių dviejų žymų, yra komentaro turinys, matomas tik kode ir nepateikiamas naršyklės.

CSS komentaras gali sudaryti bet kokį eilučių skaičių. Štai du pavyzdžiai:

/ * raudonos kraštinės pavyzdys * /
div # border_red {
kraštinė: plona vientisa raudona;
}
/***************************
****************************
Kodo teksto stilius
****************************
***************************/

Skyrių išskyrimas

Daugelis dizainerių rengia stiliaus lapus mažais, lengvai virškinamais gabalėliais, kuriuos lengva nuskaityti skaitant. Paprastai prieš komentarus ir po jų matysite brūkšnelių serijas, kurios sukuria didelius, akivaizdžius puslapio lūžius, kuriuos lengva pamatyti. Štai pavyzdys:

/ * Antraštės stiliai * /

Šie komentarai rodo naujo kodavimo skyriaus pradžią.

Komentavimo kodas

Kadangi komentarų žymos nurodo naršyklei ignoruoti viską, kas yra tarp jų, galite jas naudoti laikinai išjungdami tam tikras CSS kodo dalis. Šis triukas gali būti naudingas derinant arba koreguojant tinklalapio formatą. Tiesą sakant, dizaineriai dažnai juos naudoja „komentuodami“ arba „išjungdami“ kodo sritis, norėdami sužinoti, kas nutiks, jei ta skiltis nėra puslapio dalis.

Pridėkite pradžios komentaro žymą prieš kodą, kurį norite komentuoti (išjungti); uždėkite uždarymo žymą ten, kur norite, kad pasibaigtų išjungta dalis. Niekas tarp šių žymų neturės įtakos vizualiam svetainės rodymui, padės jums derinti CSS, kad sužinotumėte, kur vyksta problema. Tada galite įeiti ir ištaisyti tik tą nesklandumą, tada pašalinti komentarus iš kodo.

CSS komentavimo patarimai

Daugelis koduotojų įtraukia komentarų blokus bet kurio naujo failo su kodu viršuje. Imituokite šią strategiją įtraukdami komentarų bloką su savo vardu, atitinkamomis datomis ir susijusia informacija žmonės supranta projekto kontekstą, o ne tik sprendimus dėl to, kas vyksta, palyginti su konkrečiu kodu blokuoti.

instagram story viewer