Sulgude tähendus CSS-is

Sisu

Klahvid
Parentheses
Klambrid
Chevrons
CSS-märkmed
Viited
Lennud

Akronüüm CSS pärineb inglise keelest "kaskaad-stiilis lehed" või "kaskaadist stiilis lehed". CSS annab veebiarendajatele ja disaineritele suurema kunstilise ja disaini kontrolli, eraldades sisu kuvariparameetritest. CSS-i avaldused paigutatakse veebidokumendi päisesse ja kuvatakse seejärel veebilehe keha sees traksid - {}. Traksid on sulgudes - () - või sulgudes - [] -, mis tähistavad teisi CSS elemente.

CSS-sulgusid kasutatakse veebidokumendi kehas (Comstock / Comstock / Getty Images)

Klahvid

Võtmed on CSS-i süntaksite peamised elemendid. Need tähendavad kõigi CSS-parameetrite avamist ja sulgemist. Esindatud kui {}, järgivad nad CSS elemente, mis tähendavad kujutist, asukohta, kuvamiselementi või elementide mis tahes kombinatsiooni. Klahvid võivad eksisteerida ükskõik millise div elemendi / kihi sees ja alati sees "</ body>" sildid. Siin on näide:

div # example {padding: 5px; varu: 20 px; laius: 350 px; }

Parentheses

Relatsioonielemendid, näiteks protsendid ja värvid, on suletud sulgudes. Sõrmused annavad CSS-elementidele täiendava määratluse. CSS-versioonides enne CSS3-d võivad sulgud määratleda elemendid samamoodi kui võtmed. Kaks näidet on värv (määratletud kuueteistkümnendikoodiga) ja taustpildid:

värv: rgb (128, 128, 255); pilt: url ("/ images / bg.png")

Klambrid

Klambrid - [] -, mida tuntakse atribuutide valikuna, kasutatakse elemendi atribuutide väärtuste määramiseks. CSS2-s oli neli erinevat väärtust ja need lisati CSS3-ga kolm korda. Neli algset valijat määravad atribuudi - [title] olemasolu, mis vastab mis tahes elemendile, millel on määratud "pealkiri" atribuut; lihtne atribuudi väärtus - sisend [type = "send"], mis vastab mis tahes sisendelemendile, mille atribuudi tüüp on võrdne "send"; loendi atribuudi väärtus - p [class ~ = "literary"], mis vastab punktidele, mille klassi atribuut on sõnade loend, mis on eraldatud ruumidega, millest üks on "kirjanduslik"; ja osaline atribuudi väärtus - [href ^ = "http:"], mis vastab linkielementidele, mille atribuudi väärtus algab sõnaga "http:". Sulgeid ei kasutatud enne Internet Explorer 7 kasutuselevõttu palju, sest IE6 neid ei tuvastanud.

CSS-elementidena kasutatakse paljusid algebralisi sümboleid (BananaStock / BananaStock / Getty Images)

Chevrons

Hüperteksti põhikeele (HTML) ja laiendatava märgistuskeele (XML) dokumentide valijad ja jaotised piiritletakse teravate sulgudega, mida nimetatakse chevronseks . Nad esindavad ka mõnede CSS elementide lapse elementi. CSS-is koosneb "lapse valija" kahest või enamast elemendist, mis on eraldatud chevroniga ">". Need tähistavad veebilehe teatud määratletud osi: keha, mis on leht nähtav; kihid, mida saab üksteise peale kanda nagu paberilehed; või tiitrimine, mis tähistab teatavaid objekte või kuupäevi, mida tuntakse mikromullidena.

CSS-märkmed

Eraldatud CSS-i sulgudest, kuid siiski väärtuslikuks CSS-i skeemide organisatsiooniliseks vahendiks, on need stiilislehtede märkmed. Need on kommentaarid, mis ei lisa midagi HTML-koodile ja seega ei suurenda lehekülgede laadimise aega; need annavad ülevaate pikkade ja keerukate CSS-ide kohta. CSS-i märkmed paigutatakse oma atribuudi alla - / * - niimoodi:

/ Kõik kommentaarid sisalduvad kaldkriipsuga ja tärniga piiritletud segmentides. /

Nad võivad olla tohutult väärtuslikud, et aidata teil liigutada kaskaaditabeli jaotisi.