Meelo aan Sharciyeeyn Lahayn Wareegyo Naqshad Cusub
Waxaa jira sababo badan oo aan loo isticmaalin jadwalka qaabeynta . Mid ka mid ah sababaha ugu badan ee dadka loo siiyo sii wadida inay isticmaalaan waa sababta oo ah way adag tahay in la sameeyo qaabka CSS. In kastoo qeexitaanka CSS uu keeno curve waxbarasho, markaad fahamto sida loo sameeyo qaabaynta CSS, waxaa laga yaabaa inaad la yaabto sida ay u sahlanaan karto. Marka aad barato, waxaad kuxirsan doontaa sababta labaad ee ugu badan ee dadku u bixiyaan isticmaalka CSS- "Waa dhakhso badan in la qoro miisaska." Waa sahlan tahay sababtoo ah waxaad taqaanid jadwalka, laakiin markaad barato CSS, waxaad noqon kartaa mid deg deg ah taas.
Taageeraha Browser Taageerada Meeleynta CSS
Dejinta CSS si fiican ayaa loo taageeray dhammaan dookhiyeyaasha casriga ah . Haddii aadan dhisaynin goobta Netscape 4 ama Internet Explorer 4, akhristayaashaada waa in aysan wax dhib ah ka eegin boggaga internetka ee CSS.
Dib-u-fiirinta Sida aad u dhisayso bog
Markaad dhiseysid goobo adoo isticmaalaya jadwal, waa inaad ka fekertaa habka qaabaysan. Si kale haddii loo dhigo, waxaad ku fekereysaa marka la eego unugyada iyo safka iyo tiirarka. Bogaggaaga Internetka ayaa ka tarjumaya habkan. Markaad u guurto naqshad dejinta CSS, waxaad billaabi doontaa inaad ka fikirto bogagaaga marka la eego mawduucyada, sababtoo ah mawduuca waxaa lagu meeleyn karaa meel kasta oo aad jeclaan lahayd qaabka-xitaa gogol dusha sare ee content.
Website-yada kala duwan waxay leeyihiin qaabab kala duwan. Si aad u dhisatid boggan wax ku oolka ah, qiimee qaab-dhismeedka bogga la bixiyay ka hor inta aanad ku qorneyn maaddada. Bogga tusaalaha waxaa ka mid ah shan qaybood oo kala duwan:
- Madaxa . Guriga xayeysiiska banner, magaca bogga, xiriirinta safarka, magaca maqaalka iyo waliba waxyaabo kale oo yar.
- Suugaanta midig . Tani waa dhinaca midig ee bogga leh sanduuqa raadinta, xayeesiinta, sanduuqyada video, iyo meelaha wax iibsiga.
- Mawduuc . Qoraalka maqaal, boostada blog ama kaarboolka iibka-hilibka-iyo-baradhada bogga.
- Xayeysiisyada tooska ah . Xayeysiintu waxay ku dhex jiraan mawduuca.
- Calaamadda . Nidaamka ugu hooseeya, macluumaadka qoraaga, macluumaadka xuquuqda daabacaadda, xayeysiisyada hoose ee hoose, iyo xiriiriyaal la xidhiidha.
Halkii ay ka dhigan lahaayeen shanta maadi ee miiska, isticmaalaan qodobada cutubka ee HTML5 si loo qeexo qaybaha kala duwan ee content, ka dibna isticmaal xarafka CSS si aad u dhigto waxyaabaha muhiimka ah ee bogga.
Aqoonsiga Qaybaha Mawduucaaga
Ka dib markaad qeexdid qaybaha kala duwan ee boggaaga, waxaad u baahan tahay inaad ku qorto HTMLkaaga. Inta aad awooddo, guud ahaan, qaybahaaga meel kasta ha ahaato, waa fikrad wanaagsan inaad ku qorto qaybaha ugu muhiimsan ee boggaaga hore. Habkani wuxuu kaa caawinayaa sidii loo raadin lahaa mashiinka raadinta, sidoo kale.
Si aad u muujisid meelaynta, waxay ku talinayaan bog leh sedexda tiirar laakiin ma laha madax ama aag. Waxaad isticmaali kartaa jadwal si aad u abuurto nooca qaabka aad jeceshahay.
Saddexda qaybood ee qowmiyadeed, qeex saddex qaybood: tiir bidix, saxan sax ah, iyo content.
Qaybahaan waxaa lagu dhajin doonaa iyada oo la isticmaalayo qaybta ARTICLE ee mawduuca iyo laba qaybood ee SECTION elements ee labada tiir. Wax waliba waxay lahaan doontaa astaamo aqoonsi ah. Markaad isticmaasho sifo id ah, waa inaad sheegtaa magac gaar ah oo id ah.
Meeleynta Mawduuca
Isticmaalidda CSS, qeex jagada cinwaanka aqoonsigaaga. Ku kaydi macluumaadkaaga mawqifka qaabka ugu wacan sidan:
#content {
}
Mawduucyada ka mid ah arrimahan waxay qaadan doonaan meelo badan sida ay u awoodi karaan, kuwaas oo boqolkiiba boqol ka mid ah baaxada goobta goobta ama bogga. Si aad u saameeysid goobta qaybta adigoon ku dhufanin ballac ballaaran, bedelida suufka ama hantida margin.
Layligani, waxaad dhigtaa labada tiir ee dhejisyada xajmiga ah ka dibna mawqifkooda si buuxda u dhigaan, si aanay u saameyn doonin meesha ay ka heleen HTML.
# bid-bidix {
Goobta: gebi ahaanba;
bidix: 0;
width: 150px;
margin-bidix: 10px;
sare-sare: 20px;
midabka: # 000000;
caarada: 3px;
}
# xarafka saxda ah {
Goobta: gebi ahaanba;
bidix: 80%;
top: 20px;
width: 140px;
caarada-bidix: 10px;
z-index: 3;
midabka: # 000000;
caarada: 3px;
}
Kadibna qaybta tusmada, ku dhig khadadka midigta iyo bidixda si ay ujeedadu aanay u dabooli doonin labada tiir ee dibedda ah.
#content {
top: 0px;
margin: 0px 25% 0 165px;
caarada: 3px;
midabka: # 000000;
}
Qeexidda boggaaga iyada oo la adeegsanayo CSS halkii ay ka muuqan lahayd mawduuca HTML waxay u baahan tahay xirfad farsamo oo farsamo, laakiin mushaharku wuxuu ka soo baxaa qaabab badan oo rogrogmi kara iyo qaabab wax ku ool ah iyo fududeyn dheeraad ah oo samaynta isbedelka qaabaynta bogga dambe.