Samee Mawduucyada Fancy CSS

Isticmaal Sawirada, Xuduudaha, iyo Sawirada si aad u qurxiso Tilmaamaha

Mowduucyada madaxdu waxay ku badan yihiin bogagga intooda badan. Xaqiiqdii, wax badan oo qoraal ah oo dukumiinti ah waxay u egtahay ugu yaraan hal cinwaan si aad u ogaato cinwaanka waxa aad akhrineyso. Mawduucyadaasi waxaa lagu calaamadeeyay iyadoo la adeegsanayo cinwaanada HTML - h1, h2, h3, h4, h5, iyo h6.

Meelaha qaarkood, waxaad arki kartaa in cinwaanada la calaameeyay iyaga oo aan isticmaalayn waxyaabahan. Bedelkeeda, cinwaanadu waxay isticmaali karaan cutubyo leh sifooyin gaar ah oo lagu darey, ama kala-qaybsanaanta qaybaha fasalka. Sababta aan marar badan maqlo ee ku saabsan habdhaqanka aan sax ahayn ayaa ah in naqshadeeye "ma jecel yahay habka madaxiisu u eg yahay". Marka la eego, cinwaanada waxaa lagu soo bandhigaa cadad waxayna ku weyn yihiin cabbirka, gaar ahaan h1 iyo h2 walxaha kuwaas oo muujinaya cabbirka cabbir ka weyn inta ka hartay qoraalka bogga intiisa kale. Maskaxda ku hay kani waa uun muuqaalka ugu sarreeya ee arrimahani! Iyada oo CSS, waxaad samayn kartaa indho indhaha si kastaba ha ahaatee aad rabto! Waxaad bedeli kartaa cabbirka font, ka saar dhiirranaanta, iyo wax badan oo dheeraad ah. Cinwaanadu waa habka saxda ah ee lagu calaameeyo cinwaanada bogga. Waa kuwan sababaha qaarkood.

Maxaad u isticmaashaa Tilmaanta Tilmaanta Calaamadaha Qalabka DIVs iyo Styling

Makiinadaha Raadinta Sida Maqaalada Calaamadaha


Tani waa sababta ugu wanaagsan ee loo isticmaalo cinwaannada, oo u adeegso habka saxda ah (ie, h1, ka dibna h2, ka dibna h3, iwm.). Raadinta mashiinka ayaa siinaya miisaanka ugu sarreeya ee qoraalka ku jira gudaha cinwaanka cinwaannada sababta oo ah waxaa jira qiimo macquul ah qoraalkaas. Haddii si kale loo dhigo, adigoo calaamadeynaya cinwaankaaga bogga H1, waxaad u sheegaysaa baaritaanka mashiinka raadiyaha ah in uu yahay # 1 diirada saaran bogga. Madaxda H2 waxay leeyihiin # 2 xoojin, iwm.

Adiga Ha Laheynin Maxay Fasallada Loo Isticmaalay Si Aad u Qaadato Tilmaamahaaga

Marka aad ogtahay in dhammaan boggaga internetka ay heystaan ​​H1 oo ah cadaan, 2em, iyo jaalle, ka dib waxaad ku qeexi kartaa hal mar waraaqahaaga oo la sameeyo. 6 bilood kadib, markaad ku dareyso bog kale, waxaad ku dareysaa H1 tag ilaa boggaaga, uma baahnid inaad ku noqotid bogag kale si aad u ogaato nooca aqoonsiga ama fasalka ee aad isticmaashay cinwaanka iyo madax-hoosaadka.

Waxay bixiyaan Qoraal xoogan oo xooggan

Muujinta qoraalka si fudud u akhriso. Taasi waa sababta ugu badan ee dugsiyada Mareykanka loo baro ardayda inay qoraan qeexitaan ka hor inta aysan qorin warqadda. Markaad isticmaashid cinwaanada qoraalka ah qaab muuqaal ah, qoraalkaaga wuxuu leeyahay qaab dhismo cad oo si muuqata u muuqda. Waxaa intaa dheer, waxaa jira qalab dib u eegi kara qorshaha bogga si ay u bixiyaan erey-bixinta, waxayna ku tiirsan yihiin cinwaanka xarfaha qaab-dhismeedka.

Boggaagu wuxuu sameyn doonaa xitaa adigoo isticmaalaya dabaqyada

Qof kasta ma arki karo ama isticmaali karo xaashiyadaha qaabka (oo tani waxay ku soo noqotaa # 1 - makiinadaha raadinta raadinaya mawduuca (qoraalka) ee boggaaga, ma aha qaababka qaabka). Haddii aad isticmaasho cinwaanada cinwaanka, waxaad boggagaaga ka dhigeysaa mid si sahlan loo helli karo, sababtoo ah cinwaanadu waxay bixiyaan macluumaad aan tagin DIV.

Way ku Faa'iideystaa Akhristayaasha Sawirrada iyo Website-ka La Xiriirin karo

Isticmaalka saxda ah ee cinwaanku wuxuu abuuraa qaab muuqaal ah oo dukumenti ah. Tani waa akhristayaasha shaashadda waxay u adeegsan doonaan inay "akhriyaan" goob loogu talagalay isticmaale la'aanta aragga, oo ka dhigaya goobtaada inay heli karto dadka curyaamiinta ah.

Falanqee qoraalka iyo Qoraalkaaga Headlines

Habka ugu fudud ee looga baxo "dhibaatada weyn, daacadnimo iyo qallafsan" ee tagitaanka tags waa inay qaabeeyaan qaabka aad u rabto inay eegaan. Xaqiiqdii, markii aan ka shaqeynayo website cusub, waxaan caadi ahaan qoraa cutubka, h1, h2, iyo h3 habka ugu horeeya. Caadi ahaan waxaan ku dhegganahay qoyska kaliya iyo cabbirka / culeyska. Tusaale ahaan, tani waxay noqon kartaa warqad horudhac ah oo loogu talagalay goob cusub (kuwani waa noocyo tusaalayaal ah oo la isticmaali karo):

jirka, html {margin: 0; caarada: 0; } p {font: 1em Arial, Geneva, Helvetica, sans-serif; } h1 {font: bold 2em "Times New Roman", Times, serif; } h2 {font: bold 1.5em "Times New Roman", Times, serif; } h3 {font: bold 1.2em Arial, Geneva, Helvetica, sans-serif; }

Waxaad bedeli kartaa xarfaha cinwaankaaga ama aad bedesho qaabka qoraalka ama xitaa midabka qoraalka . Dhammaan kuwan waxay kuu rogi doonaan cinwaankaaga "fool xun" wax aad u firfircoon oo ku haya naqshaddaada.

h1 {font: bold italic 2em / 1em "Times New Roman", "MS Serif", "New York", serif; margin: 0; caarada: 0; midabka: # e7ce00; }

Xuduudaha ayaa dharkooda gashan kara

Xuduudaha ayaa ah hab weyn oo lagu hagaajin karo cinwaankaaga. Xudduuduna way fududahay in lagu daro. Laakiin ha ilaawin inaad tijaabiso xudduudaha - uma baahnid xuduud dhinac kasta oo aad ku jirto. Waxa kale oo aad isticmaali kartaa in ka badan xuduudaha cufan oo caddaalad ah.

h1 {font: bold italic 2em / 1em "Times New Roman", "MS Serif", "New York", serif; margin: 0; caarada: 0; midabka: # e7ce00; xadka xuduudaha: xajmiga # e7ce00 dhexdhexaad ah; xuduudda hoose-hoose: xariiqda # e7ce00 khafiif ah; width: 600px; }

Waxaan ku daray darajada sare iyo hoose ee cinwaankayga muusiga si aan u baro qaababka muuqaalka xiisaha leh. Waxaad ku dari kartaa xuduudaha si kasta oo aad rabto inaad ku gaarto qaabka naqshada ee aad rabto.

Ku dar Sawirada Taariikhda Madaxaaga Wixii Xitaa Pizazz ka badan

Websiyo badan oo badan waxay leeyihiin qayb madax ah oo ku taal bogga sare ee ku jira cinwaanka - sida caadiga ah cinwaanka goobta iyo garaafka. Naqshadayaasha intooda badani waxay ka fekeraan sida tan laba qaybood oo kala duwan, laakiin maahan inaadan. Haddii garaafka uu jiro oo kaliya inuu qurxiyo cinwaanka, markaa sababta aan ugu darin qaababka kuxusan?

h1 {font: bold italic 3em / 1em "Times New Roman", "MS Serif", "New York", serif; asalka: #fff url ("fancyheadline.jpg") dib-u-celinta x-hoose; caarada: 0.5em 0 90px 0; text-align: center; margin: 0; xuduudda-hoosta: adag # e7ce00 0.25em; midabka: # e7ce00; }

Saddexda saxda ah ee cinwaankani waa inaan ogaado image-yarku waa 90 pixels. Sidaa darteed waxaan ku daray qaybta hoose ee cinwaanka 90px (caarada: 0.5 0 90px 0p;). Waxaad ku ciyaari kartaa marginsyada, dhererka, iyo dharka si aad u hesho qoraalka cinwaanka si aad u muujiso meesha aad rabto.

Waxyaabaha ay tahay in la xasuusto marka la isticmaalayo sawirada waa in haddii aad leedahay shabakad wax ku ool ah (taas oo ay tahay inaad) la socoto nidaam kaas oo isbeddelaya iyada oo ku saleysan xajmiga iyo qalabyada, adigu ma calaamadeyn doontid had iyo jeer waa isku mid. Haddii aad u baahan tahay cinwaankaaga si aad u noqotid cabbir sax ah, taasi waxay sababi kartaa dhibaatooyin. Waa mid ka mid ah sababaha aan uga fogaado sawirada asalka ah ee cinwaan, sida qabow maadaama ay mararka qaarkood fiirin karaan.

Bedelaadda sawirada ee Headlines

Tani waa farsamooyinka caanka ah ee loogu talagalay naqshadeeyayaasha Webka maxaa yeelay waxay kuu ogolaaneysaa inaad abuurto xaraf garaaf ah oo bedelaya qoraalka cinwaanka sawirka. Tani waa run-u-dhiska dhaqan-celinta ee naqshadeeyayaasha shabakada waxay heleen foormooyin dhowr ah waxayna rabeen inay isticmaalaan noocyo badan oo qalaad oo shaqadooda ah. Kor u kaca farsamooyinka webka ayaa si dhab ah u bedelay sida ay ujoogayaashu u socdaan goobaha. Qalabka Headlines hadda waxaa lagu dhejin karaa noocyo kala duwan oo muuqaal iyo sawirro leh jaantusyada ku dhex jira oo aan loo baahneyn. Sidaa oo kale, waxa kaliya oo aad ka heli doontaa beddelka muuqaalka CSS ee cinwaanada hore ee goobaha waayeelka ah ee aan weli la cusbooneysiinin habab casri ah oo casri ah.

Maqaalka asalka ah ee Jennifer Krynin. Waxaa sameeyay Edited by Jeremy Girard on 9/6/17