comentariile sunt utilizate în CSS pentru a explica un bloc de cod sau pentru a face modificări temporare în timpul dezvoltării. Codul comentat nu se execută.
Atât de singur și multi-linie comentarii în CSS începe cu /* și se termină cu */, și puteți adăuga cât mai multe comentarii la stylesheet cum vă place. De exemplu:
/* This is a single line comment*/.group:after { content: ""; display: table; clear: both;}/* This is a multi-line comment*/de asemenea, puteți face comentariile dvs. mai lizibile stilizându-le:
în proiectele mai mari, fișierele CSS pot crește rapid în dimensiune și devin dificil de întreținut., Acesta poate fi de ajutor pentru a organiza CSS în secțiuni distincte, cu un cuprins pentru a face mai ușor de a găsi anumite reguli în viitor:
un pic mai mult despre CSS: CSS sintaxa și selectori
când vorbim despre sintaxa CSS, vorbim despre modul în care lucrurile sunt stabilite. Există reguli despre ceea ce merge în cazul în care, atât astfel încât să puteți scrie CSS în mod constant și un program (cum ar fi un browser) poate interpreta și aplica-l la pagina corect.există două moduri principale de a scrie CSS.,
inline CSS
specificități pe CSS Specificity: CSS Tricks
inline CSS aplică stilul unui singur element și copiilor săi, până când se întâlnește un alt stil care îl înlocuiește pe primul.
pentru a aplica CSS inline, adăugați atributul „style” la un element HTML pe care doriți să îl modificați. În interiorul ghilimelelor, includeți o listă delimitată de punct și virgulă de perechi cheie / valoare (fiecare la rândul său, separate de două puncte) indicând stiluri de setat.
Iată un exemplu de CSS inline. Cuvintele „unu” și ” doi ” vor avea o culoare de fundal de culoare galbenă și text de culoare roșie., Cuvântul „Trei” are un stil nou care înlocuiește primul și va avea o culoare de fundal de culoare verde și text de cyan. În exemplu, aplicăm stiluri la etichetele <div>, dar puteți aplica un stil oricărui element HTML.
<div style="color:red; background:yellow"> One <div> Two </div> <div style="color:cyan; background:green"> Three </div></div>Interne CSS
în Timp ce scrieți un stil inline este o modalitate rapidă de a schimba un singur element, există o modalitate mai eficientă de a aplica același stil cu multe elemente de pagina dintr-o dată.,
CSS-ul intern are stilurile specificate în eticheta<style> și este încorporat în eticheta<head>.
Iată un exemplu care are un efect similar cu exemplul „inline” de mai sus, cu excepția CSS a fost extras în propria sa zonă. Cuvintele ” unu „și” doi”se vor potrivi cu selectorul div și vor fi text roșu pe fundal galben., Cuvintele ” trei „și” patru”se vor potrivi cu selectorul div, dar se potrivesc și cu selectorul .nested_div care se aplică oricărui element HTML care face referire la acea clasă. Acest selector mai specific înlocuiește primul și ajung să apară ca text cyan pe un fundal verde.selectoarele prezentate mai sus sunt extrem de simple, dar pot deveni destul de complexe. De exemplu, este posibil să se aplice stiluri numai elementelor imbricate; adică un element care este un copil al unui alt element.,
Aici e un exemplu în care vom specifica un stil care ar trebui să se aplice numai div elemente care sunt un copil direct de alte div elemente. Rezultatul este că „doi „și” trei „vor apărea ca text roșu pe un fundal galben, dar” unu „și” patru ” vor rămâne neafectate (și cel mai probabil text negru pe un fundal alb).
<style type="text/css"> div > div { color: red; background: yellow; }</style><div> One <div> Two </div> <div> Three </div></div><div> Four</div>CSS extern
tot stilul are propriul document care este legat în eticheta<head>. Extensia fișierului legat este .css