CSS-xulista, iyo kaalinta uu ku formatting html document-

Abuuritaanka website a iyo waxa buuxinta waxyaabaha qaar ka mid ah bogga internetka, qof walba la kulmi doonaan muddo sida CSS-xulista. Waxay u adeegtaa in si sax ah loo ogaado dhammaan qaybaha ee html-file ah oo ay design iyo meesha on bogga. Si arrintan loo sameeyo, la abuuro CSS-ka dokumenti inay keyni selectors gaar ah iyo fursadaha formatting ay: midab, size, goobta iyo kale. naqshadeeye web kasta oo ay garanayaan oo ay si fiican u galaan doorashada la doonayo inay awoodaan. Waxay kala qaybsan yihiin nooca, ugu weyn ee oo aan hoos ku wada hadlaan.

Noocyada kala duwan ee selectors in CSS

Iyadoo ku xiran taas oo element ah waxaa laga codsadaa html-formatted, CSS-xulista laga yaabaa in la xidhiidhaan mid ka mid ah kooxaha soo socda:

• xulista tag;
• xulista fasalka;
• id-xulista;
• yeelaan xulista.

tag xulista

Waxaa sidoo kale loo yaqaan "xulista nooca" ama "element", waa waxa ugu sahlan oo caadi ah. Sida uu CSS-document waa magacyadii waxyaalaha aasaaska ah ee html-file, oo waxaan ku tilmaami. Tusaale ahaan, haddii aanu u baahano dhigay style Baaragaraafka ah, waxaan sheeg guryaha iyo qiimaha ay u p element ah {asalka: x; midabka, y, size: z}. Xaaladdan oo kale, dhammaan cutubyada ee bogga internetka waxay yeelan doonaan qaab la mid ah (midabka asalka, size qoraalka, iyo D. sidaas on.).

xulista fasalka

Oo maxaa jira, haddii aad u baahan tahay inaad weydiiso cutubka kasta waa ka Hababka kale ee kala duwan? Si arrintan loo sameeyo, waxaa jira xulista fasalka.

CSS-document kiiskan ku jira lahaa entry ah ee foomka soo socda: p.first {color: x; font-size: y}. Sidaas darteed, waxaan u qeexaan sifooyinka "midabka" iyo "size" oo kaliya Baaragaraafka heerka koowaad.

In a html document-kiiskan galay sifo fasal magaca style ugu horeysay. Fasallada waxay noqon kartaa sida ugu badan ee style aad rabto in aad codsato ah xubno bogga internetka.

id xulista

Inta badan waxaa loo baahan yahay in la qeexo qaab si sax ah, tusaale ahaan in wax kasta oo ka mid element ee bogga, ama si ay u muunad. Xaaladdan oo kale, gargaarka yimaado id-xulista. file html u meeleeyaan magac la doonayo item in ay tilmaamaysaa mid ah kuwa kale. Tusaale ahaan, xubno ka ah in aan ku rabto inaad dhigay ka style kale oo kala duwan waxay noqon doontaa horyaalka maqaalka.

Markaas a html document-xilsaarayo aqoonsi H1 madax, articlename sida. Oo CSS-file, sheeg qaabka, isagoo intaa ku daray in ay biruhu magaca aqoonsiga: #articlename {color: buluug ah; text-align: xarunta}. Haddaba cinwaan yeelan doonaan midabka buluuga ah iyo xuddun.

Mid kasta oo ka mid ah noocyada kor ku xusan lagu tilmaami karaa "a fudud CSS-xulista". Waxay u qeexaan formatting ee dhimaya gaar ah oo ka mid ah html-document: wada xubno ka mid ah (tusaale ahaan, oo dhan cutubyada maqaalka), mid fasalka (tusaale ahaan, keliya qeybta kowaad) ama wax gaar ah (tusaale ahaan, horyaalka maqaalka).

yeelaan selectors

Waxa intaa dheer in kor ku xusan, waxaa jira a CSS-selectors sifooyinkii - habka ka adag ee Hababka codsiga. Waxa ay u ogolaataa xubno format html on sifo loo doortay ama qiimaha. Waxaa jira noocyo dhowr ah oo xulista this:

• by joogitaanka sifo;
• at qiimaha saxda ah;
• by qiimaha sifo qayb ahaan;
• on qiimaha gaarka ah.

Ha ka fikiro si aynu kasta oo ka mid ah noocyada soo socda:

1. Kiiska hore. Formatting waxaa laga codsadaa, haddii la joogo in a sifo html-code gaar ah (waxaa laga yaabaa in p a, QAY, madax, iwm). Haddii aanay ahayn, waxa uu u adeegsanayaa generic ah dhammaan qaybaha of style. Tusaale ahaan, waayo, waxyaalaha isagoo horyaalka (tip qalab).
2. Kiiska labaad. style wuxuu khuseeyaa oo keliya in ay ka html-canaasiirta in ay leeyihiin kulan saxda ah ee qiimaha sifo. Tusaale ahaan, in ay aqbasho canaasiirta ah, halkaas oo qiimaha sifo nooca uyeelaysaan kuwo soo gudbiyaan.
3. Kiiska saddexaad. Under format ka mid ah oo kaliya waxyaabaha ku jira liiska qiimaha uu leeyahay erayga gaar ah. Tusaale ahaan, sifo galeeysid "class" for QAY xubno.
4. Kiiska afaraad. Style waxaa lagu qeexaa oo keliya, waayo, kuwa xubno ka html-document, kuwaas oo sifo gaar ah uu qiimo gaar ah, oo uu bilaabo isaga la. Tusaale ahaan, isticmaalka midabka cayimay in ay xubno ka dhan sifo luqadda Ingiriisiga (oo laga yaabo en, en-rus, en-au iyo D. t.).

Sayidka, iyadoo la isticmaalayo mid ama midka kale, xulista CSS ah, fiican in la cayimay karaa sida bog web oo dhan, oo sharxaan qaar ka mid ah xubno ay.