Kiekviena svetainė susideda iš struktūrinių (kurios yra diktuojamos pagal HTML), funkcinius ir stilistinius elementus. Kaskadinio stiliaus lakštai (CSS) naudojami siekiant nustatyti svetainės išvaizdą ("išvaizdą ir jaustis"). Šie stiliai yra atskirti nuo HTML struktūros, kad būtų lengviau atnaujinti ir laikytis interneto standartų.
Stalinių lentelių problema
Šiandien tinklalapių dydis ir sudėtingumas gali būti labai ilgas ir sudėtingas. Tai ypač aktualu dabar, kai žiniasklaidos užklausos dėl jautrių svetainių stilių yra esminė dizaino dalis, užtikrinant, kad svetainė atrodytų taip, kaip ir nepriklausomai nuo įrenginio. Vien tik tų žiniasklaidos užklausų CSS dokumente galima pridėti daug naujų stilių, todėl dar sunkiau dirbti. Čia CSS komentarai gali tapti neįkainojama pagalba svetainių kūrėjams ir kūrėjams.
Komentarai Pridėti struktūrą ir aiškumą
Pastabų įtraukimas į svetainės CSS rinkmenas yra puikus būdas tvarkyti šio kodo dalis žmonėms skaitytojams, kurie peržiūri dokumentą. Tai taip pat užtikrina nuoseklumą, kai vienas žiniatinklio profesionalas susitvarko, kai kitas išeina arba kai komandos dirba svetainėje.
Gerai suformatuotos pastabos gali perduoti svarbius stiliaus elementus komandos nariams, kurie jau gali būti susipažinę su kodu. Šios pastabos taip pat labai naudingos žmonėms, kurie anksčiau dirbo svetainėje, bet neseniai; interneto dizaineriai paprastai dirba daugelyje svetainių, o dizaino strategijos atsiminimas nuo vieno iki kito yra sunkus.
Profesionalams "Tik akims"
CSS komentarai nerodomi, kai puslapis pateikiamas žiniatinklio naršyklėse. Šie komentarai yra tik informaciniai, taip pat kaip HTML komentarai (nors sintaksė yra kitokia). Šie CSS komentarai jokiu būdu neturi įtakos vizualiai rodyti svetainę.
CSS komentarų pridėjimas
CSS komentaro pridėjimas yra gana lengvas. Jūs tiesiog užsisakote savo komentarą su teisingomis atidarymo ir uždarymo komentarų žymėmis:
- Pradėkite komentuoti pridėdami
/*
- Uždarykite komentarą pridedant
*/
Viskas, kas atsiranda tarp šių dviejų žymių, yra komentaro turinys, matomas tik kode, o ne naršyklė.
CSS komentaras gali užimti bet kokį eilučių skaičių. Štai du pavyzdžiai:
/ * raudonas rėmelis pavyzdys * / div # border_red { sienelė: plona kieta raudona; }/*******************************************************Stilius kodo tekstui*******************************************************/ Daugelis dizainerių organizuoja stilių lapus mažuose, lengvai virškinamuose gabalėliuose, kuriuos lengva nuskaityti skaitydami. Paprastai matysite komentarus, prieš kuriuos ir po jų bus brūkšnelių serija, kurios puslapyje yra lengvai matomos didelės, akivaizdžios pertraukos. Štai pavyzdys: / * ----------------------- antraščių stilius ----------------------- ------- * /
Šios pastabos rodo naujo kodavimo skyriaus pradžią. Kadangi komentarų gairės nurodo naršyklei ignoruoti viską tarp jų, jas galite naudoti, kad laikinai išjungtumėte tam tikras CSS kodo dalis. Tai gali būti naudinga derinant arba koreguojant tinklalapio formatavimą. Iš tiesų, dizaineriai dažnai naudoja juos "komentuoti" arba "išjungti" kodo sritis, kad pamatytumėte, kas atsitiks, jei šis skyrius nėra puslapio dalis. Norėdami tai padaryti, tiesiog pridėkite pradžios komentaro žymą prieš kodą, kurį norite komentuoti (išjunkite); uždarykite žymę, kurioje norite, kad neįgalus dalis baigtųsi. Niekas tarp šių žymių neturi įtakos vizualiai rodyti svetainę, leidžiančią derinti CSS, kad pamatytumėte, kur yra problema. Tada galite įeiti ir išspręsti šią problemą ir pašalinti komentarus iš kodo. Kaip santrauką, čia yra keletas patarimų, kaip prisiminti, kaip naudoti komentarus savo CSS: Pridedant per daug komentarų gali paveikti svetainės atsisiuntimo greitį ir našumą, neturėtumėte jų stengtis. Norint pastebėti daug neigiamų pasekmių, reikėtų atsižvelgti į daugybę eilučių. Kaip ir daugelis interneto dizaino aspektų, visa tai atskleidžia pusiausvyrą. Ištraukimo sekcijos
"Komentuodamas" kodą
CSS komentarų patarimai
Spektaklis
