Înțeles brackets în CSS

Conţinut

chei
paranteză
paranteze
chevrons
Note CSS
Referințe
mijloace

Acronimul CSS vine de la "foile de stil cascadă" în limba engleză sau "foile de stil în cascadă". CSS oferă un grad mai mare de control artistic și de design pentru dezvoltatorii web și designeri prin separarea conținutului de parametrii de afișare. Exemplele CSS sunt plasate în antetul unui document web și apoi afișate în interiorul corpului paginii web prin brațe - {}. În interiorul bretelelor se află parantezele - () - sau paranteze - [] - care desemnează alte elemente CSS.

Corturile CSS sunt utilizate în interiorul corpului unui document web (Comstock / Comstock / Getty Images)

chei

Cheile sunt elementele principale ale sintaxei CSS. Acestea înseamnă deschiderea și închiderea tuturor parametrilor CSS din cadrul acestora. Reprezentate ca {}, ele urmează elementele CSS care înseamnă o imagine, o poziție, un element de afișare sau orice combinație de elemente. Cheile pot exista în interiorul oricărui element div / strat și sunt întotdeauna în interiorul etichetelor "</ body>". Iată un exemplu:

div # exemplu {padding: 5px; margine: 20 pixeli; lățime: 350px; }

paranteză

Elementele de referință, cum ar fi procentele și culorile, sunt închise în paranteze. Parentheses oferă o definiție suplimentară elementelor CSS. În versiunile CSS înainte de CSS3, parantezele pot defini elementele în același mod ca și cheile. Două exemple sunt culoarea (definită de codul hexazecimal) și imaginile de fundal, respectiv:

culoare: rgb (128, 128, 255); imagine: url ("/ images / bg.png")

paranteze

Parantezele - [] -, cunoscute ca selectori de atribute, sunt folosite pentru a desemna valorile atributelor unui element. Au fost patru valori diferite în CSS2 și au fost adăugate, dar trei cu CSS3. Cei patru selectori originali definesc prezența atributului - [title], corespunzător oricărui element care are un atribut specificat "title"; valoarea simplă a atributului - input [type = "send"], corespunzătoare oricărui element de intrare al cărui tip de atribut este egal cu "send"; valoarea atributului de listă - p [class ~ = "literary"], care corespunde unor paragrafe ale căror atribut de clasă este o listă de cuvinte separate de spații, dintre care unul este "literar"; și valoarea atributului parțial - [href ^ = "http:"], corespunzătoare elementelor de legătură ale căror valori de atribute încep cu "http:". Parantezele nu au fost folosite mult înainte de introducerea Internet Explorer 7, deoarece IE6 nu le recunoștea.

Multe simboluri algebrice sunt folosite ca elemente CSS (BananaStock / BananaStock / Getty Images)

chevrons

Selectorii și secțiunile limbajului de bază HTML (HTML) și XML (extensible markup language) sunt delimitate de paranteze ascuțite, cunoscute sub denumirea de chevron . De asemenea, ele reprezintă un element copil al unor elemente CSS. În CSS, un "selector pentru copii" este alcătuit din două sau mai multe elemente separate de chevronul ">". Acestea denotă anumite secțiuni definite ale unei pagini Web: corpul, care este pagina vizibilă; straturile care pot fi stivuite ca foi de hârtie unul peste celălalt; sau titrare, care denotă anumite obiecte sau date cunoscute sub numele de "microformate".

Note CSS

Separate din paranteze CSS, dar încă un instrument organizațional valoroase pentru elaborarea schemelor CSS, acestea sunt note de stil. Acestea sunt comentarii care nu adaugă nimic codului HTML și, prin urmare, nu măresc timpul de încărcare al paginilor; acestea oferă o schiță pentru CSS lung și elaborat. Notele în CSS sunt plasate în propriul atribut - / * - astfel:

/ Orice comentariu este conținut în segmente delimitate de un slash și un asterisc. /

Ele pot fi extrem de valoroase pentru a vă ajuta să navigați în secțiuni de foi de stil cascadă.