Sidee loo qaabeeyaa daruuro daruur ah

Isticmaal CSS si aad u aragto "Cloud Cloud"

daruur daruuri waa sawir muuqaal ah oo ku saabsan liiska alaabta. Waxaad inta badan arki doontaa daruuraha dariiqa ku jira blogs. Waxaa loo sameeyay boggaga sida Flickr.

Tag daruuraha waa liis ah isku xirnaanta isbeddelka cabbirka iyo miisaanka (mararka qaar midab midabo) iyadoo ku xiran sifooyinka qiyaasta ah. Badankooda daruuriga ah waxaa lagu dhisaa caan ah ama tirada boggaga la soo dhejiyay buug gaar ah. Laakiin waxaad abuuri kartaa daruur daruuri ah oo ka mid ah liiska waxyaalaha ku yaal boggaaga oo leh ugu yaraan laba siyaabood oo muujinaya. Tusaale ahaan:

• Liiska maqaal ee ku qoran qaabka xarfaha loo yaqaan 'alphabetype' oo leh qaababka tilmaamaya caan ka mid ah maqaallada.
• Liisaska boggaga internetka ee nidaamka xarfaha ah ee qaababka kala duwan ee ku tusaya kuwa aad jeceshahay ugu fiican.
• Liiska Tifaftirayaasha Websadeed ee ku taxan nidaamka qiimaha leh qaababka tilmaamaya sida ugu dhow mid kastoo ku yimaada shuruudaha horay loo cayimay.
• Liiska asxaabta saaxiibada leh qaababka tilmaamaya masaafada gurigaaga.

Maxaad u Baahan Tahay Inaad Dhisaan Daruura Tag?

Waa sahlan tahay in la dhiso daruur daruuri ah, waxaad u baahan tahay laba waxyaalood oo keliya:

• Liiska waxyaabaha alaabada ah (sida maqaallada Webka, bogagga, ama asxaabtaada)
• Qiyaasta alaab kasta oo kasta (sida muuqaalka bogga maalintii, darajadaada 1-10, ama masaafada gurigaaga).

Badankooduna daruuri waxay ku qoran yihiin liistada xiriirka, sidaas darteed waxay caawisaa haddii shay kasta uu leeyahay URL la xiriira. Laakiin taasi looma baahna in la abuuro darajo muuqaal ah.

Tallaabooyin lagu dhisi karo Xayeysi Fudud oo Caan ah

Boggaygu wuxuu hayaa maqaalo maalin kasta eegaya bogga, waana tan sahlan oo aan u isticmaali karo inaan abuuro daruur daruuri. Sidaas darteed, tusaale ahaan, waxaan ka abuuri doonaa daruur daruuri ah liiska maqaalada, 25ka maqaal ee ugu sarreeya boggeyga asbuuca January 1, 2007.

1. Go'aami heerar intee le'eg oo aad rabto in aad ku dardaariso.
   1. Inkastoo ay suurtagal tahay in heerarka badan ee daruurigaaga ah sida aad haysato waxyaabaha liiskaaga ku jira, tani waxay ku adagtahay in la codeeyo, khilaafkuna wuxuu noqon karaa mid aad u yar. Waxaan kugula talin lahaa in aan ka badnayn 10 heer oo ka mid ah madaxdaada.
2. Go'aami dhibcaha goynta heer kasta.
   1. Waxay noqon kartaa mid sahlan sida go'itaankaaga boggaaga maalin kasta oo loo maro 1/10 oo ah jajabyada - ie. haddii bogga ugu weyn ee boggaagu uu helo 100 bog oo muuqaal ah maalintii, waxaad u jajabin kartaa 100+, 90-100, 80-90, 70-80, iwm.
3. Ku qor shayadaada bogga xajmiga aragga, oo ku siiso darajo ku salaysan tallaabada 2aad
   1. Ha welwelin haddii aadan haysan wax shay ka mid ah goobaha qaar, taasi oo kaliya ka dhigaysa daruurta xiiso badan.
4. Ku kaydi liistada liiska astaamaha (ama nooc kasta oo aad rabto inaad isticmaasho).
   1. Tani waa waxa daruurtu xiiso leedahay. Haddii aad ka tagto waxaa loo kala soocay darajo, ka dibna waxay noqon doontaa liis ay ku qoran yihiin waxyaabaha ugu waaweyn ee ugu sareeya ee ugu hooseysa ee ugu hooseeya xagga hoose.
5. Qor HTML kaaga si darajo darajo ah. fasalka = "tag4"> Ku darista feyliyada maqalka

Markaad haysato HTML si aad u hesho shay kasta oo liis gaar ah, iyo amarka aad rabto inaad soo bandhigto, markaa waxaad u baahan tahay inaad sameyso go'aan. Waxaad ku dhejin kartaa isku-xiraha cutubka waana la qaban doonaa. Laakiin tani ma aha mid si caddaalad ah loo calaamadeeyay, qofkasta oo aan lahayn CSS oo ku soo raacaysa daruurigaaga daruuriga ah waxay arki doontaa qaybta weyn ee xiriirka. HTML ee liiska noocan oo kale ah waxay u egtahay sidan:

id = "cloud"> Ku darista Diiwaannada Dhawaaqa ah Qoraallada ugu muhiimsan ee website-ka Software Best Design Software Dhisidda Bogga Shabakadda ee Dhamaystirka Laheyd Symbolism Color / aa0300103a.htm "class =" tag2 " a>

Bedelkii, waxaan kugula talineynaa inaad abuurto daruurigaaga dariiqa adigoo isticmaalaya liiska aan la socon. Waa dhowr khadad oo badan oo ah HTML iyo CSS laakiin waxa ay hubineysaa in aqriska la akhriyi karo iyadoon loo eegin cidda soo booqata. HTML wuxuu u egyahay sidan:

= "cloud">
• Ku darista Diiwaanada Dhawaaqa ah
• Qoraallada aasaasiga ah ee website-ka
• Barnaamijka Ugu Fiican ee Naqshadda Webka
• Dhisidda Bogga Shabakada ee Dhamaystirka Lahaanshaha
• Symbolism Color

  Balse Halkee Ayay Noocyo Ku Leedahay Buugga Qiiqa

  Hadda waxaan ku helaynaa qaybta madadaalada-qaababka CSS. Marka aad ka dhigayso daruur daruuri ah, inta badan waxaad bedeshaa cabbirka font iyo miisaanka qoraalka. Waxaad sidoo kale bedeli kartaa midabka font ama asalka ama wax kasta oo kale ee style, laakiin cabbirka iyo miisaanka waa dhaqan ahaan.

  Waxaad u baahan tahay 10 fasal style, hal darajo heer kasta:

  #cloud a.tag1 {font-size: 0.7em; font-miisaanka: 100; } #cloud a.tag2 {font-size: 0.8em; font-miisaanka: 200; } #cloud a.tag3 {font-size: 0.9em; font-miisaanka: 300; } #cloud a.tag4 {font-size: 1.0em; font-miisaanka: 400; } #cloud a.tag5 {font-size: 1.2em; font-miisaanka: 500; } #cloud a.tag6 {font-size: 1.4em; font-weight: 600; } #cloud a.tag7 {font-size: 1.6em; font-weight: 700; } #cloud a.tag8 {font-size: 1.8em; font-miisaanka: 800; } #cloud a.tag9 {font-size: 2.2em; font-miisaanka: 900; } #cloud a.tag10 {font-size: 2.5em; font-miisaanka: 900; }

  Waxaan jecelahay inaan ku daro qaababka daruuriga ah ee daruuriga ah: xariiqda qoraalka daruuriga ah, xarig heer sare ah si ay daruurtu u akhrido, oo u hubso in qorraxda calaamadeysan aysan laheyn wax iyaga ka mid ah:

  #cloud {padding: 2px; dhererka dhererka: 3d; text-align: center; } #cloud uxuufin: 0px; }

  Ugu dambeyntii, haddii aad isticmaalayso habka qaabka qaabdhismeedka ah (sida liiska liiska aan la xariira), waxaad u baahan doontaa inaad ku darto labo khadadood oo CSS ah si aan liisku u helin xargaha oo aan lagu qorin:

  #cloud {margin: 0; } #cloud li {bandhig: gudaha; }