Sidee Mashruucyada CSS-da waxay ka shaqeeyaan Dukumentiyada Webka

Qaybta muhiimka ah ee qaabeynta bogga CSS waa fahamka fikradda dhaxalka.

CSS dhaxalka waxaa si toos ah loogu qeexayaa qaabka hantida loo isticmaalo. Markaad eegto qaabka hanti-dabeecadeed ee qaab-dhismeedka, waxaad arki doontaa qaybta cinwaankeedu yahay "madhabta". Haddii aad jeceshahay in badanaa naqshadeeyayaasha webka, waxaad iska indhatirtay qaybtaas, laakiin waxay u adeegtaa ujeedo.

Waa maxay dhaxalka CSS?

Qayb kasta oo ka mid ah dukumeentiga HTML waa qayb ka mid ah geed iyo wax kasta oo ka mid ah marka laga reebo html hore ee elementa wuxuu leeyahay walxo waalid oo soo koobaya. Wax kasta oo walbaa lagu dabaqo walxaha waalidku waxa lagu dabaqi karaa walxaha kuxiran ee ku yaala haduu yahay guryaha la iska dhaxli karo.

Tusaale ahaan, qodobka hoos ku qoran wuxuu leeyahay H1 tag oo ku xiran EM tag:

Tani waa A Big Cinwaanka

Ereyga EM wuxuu yahay cunsurka H1 walxaha, iyo noocyada H1 ee la dhaxlayo ayaa loo gudbin doonaa qoraalka EM. Tusaale ahaan:

h1 {font-size: 2em; }

Tan iyo markii hantida xarfaha-xarigga la dhaxlayo, qoraalka ku yiraahdo "Badan" (kaas oo ah waxa ku dhex jira gudaha EM tags) waxay noqon doonaan cabbir isku mid ah inta ka hartay H1. Tani waa sababta oo ah waxay dhaxlaysaa qiimaha ku jira hantida CSS.

Sida loo isticmaalo dhaxalka CSS

Habka ugu fudud ee loo isticmaali karo waa in la baro guryaha CSS ee ah oo aan la dhaxlayn. Haddii hantida la dhaxlo, markaa waxaad ogtahay in qiimaha uu isku mid noqon doono ilmo kasta oo ku jira dukumintiga.

Habka ugu fiican ee loo adeegsan karo waa sidaad u dejisid qaababkaaga asaasiga ah ee aad u sareeya, sida BODY. Haddii aad dhigto font-family-kaaga hantida jirka, ka dibna, mahadsanida dhaxalka, dukumintiga oo dhan waxay ku sii haysan doonaan font-family isku mid ah. Tani waxay dhab ahaan samayn doontaa qaababka yaryar ee yaryar ee fududeynaya maaraynta sababtoo ah waxaa jira qaabab guud oo ka yar. Tusaale ahaan:

Body {font-family: Arial, sans-serif; }

Isticmaal Qiimaha Muuqaalka Muuqaalka

Qalabka CSS kasta waxaa ka mid ah qiimaha "dhaxalka" sida ikhtiyaarka suurtogalka ah. Tani waxay u sheegeysaa shabakada internetka, in xataa haddii hantida aan caadi ahaan la dhaxli karin, waa inay lahaataa isla qiimaha waalidka. Haddii aad sameysid qaab ah sida margin aan la dhaxlayn, waxaad isticmaali kartaa qiimaha dhaxalka guryaha guryaha ku xiga si aad u siiso marxalad isku mid ah waalidka. Tusaale ahaan:

jirka {margin: 1em; } p {margin: dhaxal; }

Masruufku wuxuu Isticmaalaa Qiimaha Xisaabinta

Tani waxay muhiim u tahay qiimaha dhaxalka leh sida cabbiraadda font oo isticmaala dhererka. Qiime xisaabeed waa qiime u dhigma qiimaha kale ee bogga Webka.

Haddii aad ku qorto xaraf-cabbir 1-mitir oo ku saabsan qaybta BODY, dhammaan boggaaga oo dhan ma noqon doono 1b oo kaliya oo cabbirka. Tani waa sababta oo ah xubno ka mid ah cinwaanada (H1-H6) iyo waxyaabo kale (qaar ka mid ah daalacayaashu waxay isku dhafan yihiin miisaska kala duwan) waxay leeyihiin cabbir qaraabo ee shabakada internetka. Maqnaanshaha macluumaadka kale ee cabbirka font, shabakada Webka ayaa had iyo jeer ka dhigi doonta cinwaanka H1 ee qoraalka ugu weyn ee bogga, oo ay raacdo H2 iyo wixii la mid ah. Markaad sameyso qodobka BODY ee cabbir gaar ah, ka dibna waxaa loo isticmaalaa sida "cabbirka caadiga" cabbirka font, iyo walxaha cinwaanka waxaa lagu xisaabiyaa taas.

Qoraal ku saabsan dhaxal galka iyo Goobta Hore

Waxaa jira dhowr nooc oo liis gareysan oo aan lagu dhaxlin CSS 2 ee W3C, laakiin daalacashada Webka ayaa weli dhaxlaya qiimaha. Tusaale ahaan, haddii aad ku qortay HTML iyo CSS soo socda: