Yi Sake Fancy tare da CSS

Yi amfani da Fonts, Borders, da kuma Hotuna don Bincika Adadin labarai

Abubuwan da aka fi sani a kan shafukan yanar gizo. A gaskiya ma, kullun duk wani takardun rubutun yana tsammanin yana da akalla kalma ɗaya don ku san lakabin abin da kuke karantawa. Wadannan maƙallan suna ƙididdigewa ta yin amfani da abubuwan rubutun HTML - h1, h2, h3, h4, h5, da h6.

A wasu shafukan intanet, za ka iya gano cewa an adana lambobin ba tare da amfani da waɗannan abubuwa ba. Maimakon haka, ƙididdiga na iya amfani da sigogi tare da takamaiman halayen halayen da aka ƙãra musu, ko rarraba tare da abubuwan kundin. Dalilin da na sau da yawa game da wannan aikin kuskure shi ne cewa mai zanen "ba ya son yadda rubutun ke duba". Ta hanyar tsoho, ana nuna hotunan da ƙarfin hali kuma sun fi girman girma, musamman h1 da h2 abubuwa waɗanda suke nunawa a cikin girman rubutu fiye da sauran rubutun shafi. Ka tuna wannan shi ne kawai tsoho irin wadannan abubuwa! Tare da CSS, zaka iya yin batu idan kana so! Zaka iya canza girman layin, cire m, da yawa. Rubutun su ne hanya mai kyau don ƙayyade adadin shafi. Ga wasu dalilan da yasa.

Me ya sa Amfani da Rubutun Mahimmanci maimakon Maɗaukaki da Ƙwaƙwalwa

Binciken Mafarki Kamar Hanya Tags


Wannan shine dalili mafi kyau don amfani da rubutun, kuma amfani da su a cikin tsari daidai (watau h1, to h2, to h3, da dai sauransu). Abubuwan bincike suna ba da mafi girma ga rubutu da aka haɗa a cikin alamomi na alamar saboda akwai fasali mai mahimmanci ga wannan rubutun. A wasu kalmomi, ta hanyar lakafta shafinka na H1, ka gaya wa gizo-gizo gizo-gizo cewa wannan shine shafi na 1 na shafin. H2 suna da # 2 girmamawa, da sauransu.

Ka Don & # 39; T Ka tuna da wajajen da ka yi amfani da su don ƙayyade abubuwan da ke cikin ku

Lokacin da ka san cewa duk shafin yanar gizon yanar gizonka suna da H1 wanda ke da ƙarfin hali, 2em, da rawaya, to, zaka iya bayyana cewa sau ɗaya a cikin tsarinka kuma za a yi. Bayan watanni 6, lokacin da kake ƙara wani shafi, kawai ka ƙara H1 tag a saman shafinka, ba za ka koma zuwa wasu shafukan don gano ko wane irin ID ko ɗaliban da kake amfani da su ba don fassara ainihin Rubutun kai da kuma kawunansu.

Suna samar da mahimman shafuka masu mahimmanci

Bayani yana sa rubutu ya fi sauƙi don karantawa. Abin da ya sa yawancin makarantu na Amurka sun koya wa dalibai su rubuta takarda kafin su rubuta takarda. Yayin da kake amfani da alamun suna cikin tsarin zane, rubutu naka yana da tsari mai tsabta wanda ya bayyana a fili sosai. Bugu da kari, akwai kayan aikin da za su iya nazarin shafi na shafi don samar da taƙaitaccen bayani, waɗannan kuma sun dogara da alamomi na layi don tsarin tsarawa.

Shafinku zaiyi Sense Koda Koda Kullun Sun Kashe

Ba kowa ba ne iya duba ko amfani da zane-zane (kuma wannan yana dawowa zuwa # 1 - injunan bincike suna duba abun ciki (rubutu) na shafinka, ba shafukan zane). Idan ka yi amfani da alamomin alamomi, kana sa shafukanka sunfi dacewa saboda ƙididdiga suna ba da bayanin da babu alama DIV.

Yana da amfani ga masu karatun allo da Yanar Gizo

Amfani dashi na ainihi ya haifar da tsari na mahimmanci zuwa takardun. Wannan shi ne abin da masu karatu masu launi za su yi amfani da su don "karanta" wani shafi ga mai amfani da rashin lalata hangen nesa, ta hanyar samar da shafin ga mutanen da ke da nakasa.

Sanya Rubutun da Font na Adadinku

Hanyar da ta fi dacewa ta motsawa daga "babban, m, da kuma mummunan" matsala na alamomin rubutu shi ne ya tsara rubutun yadda kake so su duba. A hakikanin gaskiya, lokacin da nake aiki akan sabon shafin yanar gizon, na rubuta rubutun, h1, h2, da h3 styles na farko. Yawancin lokaci nake tsayawa tare da iyali da girman / nauyi. Alal misali, wannan na iya zama takarda na farko don sabon shafin (waɗannan kawai wasu alamu ne da za a iya amfani dasu):

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

Za ka iya canza fayiloli na kanunka ko canza yanayin rubutu ko ma da rubutu . Dukkanin waɗannan za su juyar da labarinka "mummunan" a cikin wani abu da ya fi dacewa kuma ya dace da zane.

h1 {font: m italic 2em / 1em "Times New Roman", "MS Serif", "New York", serif; gefe: 0; Samun: 0; launi: # e7ce00; }

Borders na iya shimfiɗa adadin labarai

Borders wata hanya ce mai kyau don inganta ɗakunan ku. Kuma iyakoki suna da sauki a kara. Amma kada ka mance don gwaji tare da kan iyakoki - ba ka buƙatar iyaka a gefe ɗaya na kanun labarai. Kuma za ku iya amfani da fiye da kawai bayyana m sassan.

h1 {font: m italic 2em / 1em "Times New Roman", "MS Serif", "New York", serif; gefe: 0; Samun: 0; launi: # e7ce00; iyaka-saman: m # e7ce00 matsakaici; Yankin iyakoki: Ƙaddamarwa # e7ce00 na bakin ciki; nisa: 600px; }

Na kara wa iyakar zuwa ƙasa da kasa zuwa maƙallin na samfurin don gabatar da wasu nau'i mai ban sha'awa. Za ka iya ƙara iyakoki a kowane hanya da kake son cimma burin zane wanda kake so.

Ƙara Shafin Bayani zuwa Abubuwan Kanka Don Ko da mafi yawan Pizazz

Shafukan yanar gizo masu yawa suna da ɓangaren sashi a saman shafin da ya ƙunshi maƙallan kai - yawanci sunan mahallin da mai hoto. Yawancin masu tsarawa suna tunanin wannan abu ne guda biyu, amma ba ku da. Idan mai zane yana da kawai don kayan ado, to me yasa ba a ƙara shi ba a cikin jigogi?

h1 {font: m italic 3em / 1em "Times New Roman", "MS Serif", "New York", serif; Bayanan: #fff url ("fancyheadline.jpg") maimaita-x kasa; Farawa: 0.5em 0 90px 0; Daidaita rubutu: cibiyar; gefe: 0; iyaka-kasa: m # e7ce00 0.25m; launi: # e7ce00; }

Trick zuwa wannan labari shine cewa na san hoton na yana da nau'in pixels 90. Don haka sai na kara damuwa zuwa kasan shafin 90px (padding: 0.5 0 90px 0p;). Za ka iya yin wasa tare da martaba, layi, da kuma kuskure don samun rubutun kan layi don nuna ainihin inda kake son shi.

Ɗaya daga cikin abubuwa da za ku tuna lokacin amfani da hotunanku shine idan kuna da shafin yanar gizon (abin da ya kamata ku) tare da layout da ke canje-canje dangane da girman girman allo da na'urorin, ba zaku iya kasancewa daidai ba. Idan kana buƙatar rubutun ku don zama daidai, wannan zai iya haifar da matsaloli. Yana daya daga cikin dalilan da ya sa na ke kauce wa hotuna a baya a cikin layi, kamar yadda suke da kyau kamar yadda sukan iya kallon wani lokaci.

Sauyawa Hotuna a Adadin labarai

Wannan wata fasaha ce mai mahimmanci ga masu zane-zane na yanar gizo saboda yana ba ka damar ƙirƙirar maƙallan hoto da kuma maye gurbin rubutun tag ɗin tare da wannan hoton. Hakanan gaskiya ne wani aiki da aka yi daga masu zanen yanar gizo sun sami dama ga ƙananan fayiloli kuma suna so su yi amfani da wasu tsoffin fontsu a cikin aikin su. Yunƙurin shafin yanar gizon ya canza yadda yadda masu zanen kaya suke shafukan yanar gizo. Ana iya saita adadin labarai a cikin harsuna da dama da yawa tare da wadanda aka sanya fayilolin da ake bukata ba. Saboda haka, kawai za ka sami CSS sauyawa hotuna don adadin labarai akan shafukan da ba a riga an sabunta su zuwa ayyukan zamani ba.

Labari na farko daga Jennifer Krynin. Edited by Jeremy Girard on 9/6/17