Ita Fancy Headings neCSS

Shandisa Fonts, Makoronga, uye Zvifananidzo Kuti Uve Musoro Musoro

Misoro inowanikwa pamapeji akawanda ewebhu. Ichokwadi, zvakanyanyisa chero rugwaro rwemashoko runowanzova nehurukuro imwe chete kuitira kuti uzive musoro wezvauri kuverenga. Aya misoro akaiswa cherechedzo achishandisa HTML musoro maitiro - h1, h2, h3, h4, h5, uye h6.

Pane dzimwe nzvimbo, unogona kuwana kuti zvinyorwa zvinyorwa zvisingashandisi zvinhu izvi. Pane kudaro, zvinyorwa zvingashandisa ndima nemamwe mativi edzidzo akawedzerwa kwavari, kana kugoverana neyechikamu chezvinhu. Chikonzero chandinowanzonzwa pamusoro pechiito ichi chisina kunaka ndechokuti muumbi "haadi mafungiro ayo anotarisa". Nokutadza, misoro inoratidzirwa musina simba uye iyo inokura muhukuru, kunyanya h1 ne h2 zvinhu izvo zvinoratidza muhukuru hukuru hwepepa kupfuura yese yepeji yepaji. Ramba uchifunga mupfungwa iyi ichi chete kutarisa kwezvinhu izvi! Ne CSS, unogona kuita musoro kutarisa zvisinei iwe unoda! Iwe unogona kuchinja usayizi wefonti, bvisa ushingi, nezvimwe zvakawanda. Misoro ndiyo nzira yakakodzera yokunyora zvinyorwa zvepaji. Heano zvimwe zvikonzero nei.

Sei Uchishandisa Heading Tags Pane DIVs uye Styling

Tsvaga Injini seHeading Tags


Ichi ndicho chikonzero chakanakisisa chekushandisa misoro, uye uishandise nenzira yakarurama (kureva h1, ipapo h2, ipapo h3, nezvimwewo). Tsvaga injini dzinopa hukuru hwekunyora kune zvinyorwa zvinosanganisira mukati memusoro ma tags nokuti kune chirevo chemashoko kune iyo mavara. Mune mamwe mazwi, nekunyora tsamba yako yepaji H1, iwe unotaurira spider injini kuti iyi ndiyo nhamba yekutanga ye peji. H2 zvinyorwa zvine # 2 kusimbiswa, nezvimwe zvakadaro.

Iwe Usati Uye Kuyeuka Ndezvipi Makirasi Awaizoshandisa Kurondedzera Musoro Wenyu

Kana iwe uchiziva kuti mapeji ako eWebhu ose achava neH1 iyo yakashinga, 2em, uye yemazuva, iwe unogona kutsanangura iyo kamwe chete mumutauro wako wepamusoro uye uite. 6 mwedzi gare gare, apo uri kuwedzera imwe peji, unongowedzera H1 tag kumusoro kwepamusoro peji rako, haufaniri kudzokera kumamwe mapeji kuti uone kuti chidimbu cheAID kana kirasi yawakashandisa kutsanangura musoro uye pasi-misoro.

Vanopa Tsamba Yakasimba Peji

Zvinyorwa zvinoita kuti mashoko ave nyore kuverenga. Ndokusaka zvikoro zvizhinji zveUnited States zvakadzidzisa vadzidzi kunyora rondedzero vasati vanyora pepa. Paunoshandisa misoro yekuisa mumutauro wechirongwa chemashoko, ndima yako ine sarudzo yakajeka iyo inowoneka nekukurumidza zvikuru. Uyezve, pane zvigadzirwa zvinogona kuongorora peji peji kuitira kupa zvinyorwa, uye izvi zvinotenderera pamusoro wematekisi ekugadzirisa sarudzo.

Peji Yenyu Ichaita Kuti Ufunge Kunyange Nemitambo Yakabviswa

Haasi munhu wese anogona kuona kana kushandisa mapepa emashizha (uye izvi zvinodzokera ku # 1 - injini dzekutsvaga dzinoona zvinyorwa (zvinyorwa) zvepaji rako, kwete mavara emashizha). Kana ukashandisa misoro, iwe uri kuita kuti mapeji ako awedzere kufambidzana nekuti zvinyorwa zvinopa ruzivo rwokuti DIV tagisa.

Inobatsira KwaVatori Vema Screen And Website Accessibility

Kushandiswa kwakakodzera kwemasuo kunoumba chimiro chinonzwisisika kune chikwata. Izvi ndizvo izvo vadzidzisi vekrini vachashandisa "kuverenga" nzvimbo kune unoshandisa kuora mwoyo kwemaonero, kuita kuti nzvimbo yako isvike kune vanhu vane hurema.

Shandisai Nyaya uye Nhepfenyuro Yenyu Musoro

Nzira yakareruka yekutama kubva kune "guru, bold, uye yakaipa" dambudziko rekutumira tate ndeyekutarisa mashoko acho nenzira yaunoda kuti vatarise. Kutaura zvazviri, pandinoshanda pane webhusaiti itsva, ndinowanzoverenga ndima, h1, h2, uye h3 maitiro kutanga chinhu. Ini kazhinji ndinonamatira nemhando yemhuri uye kukura / kuyerwa. Semuenzaniso, iyi inogona kuva yekutanga yepepa yepaiti itsva (iyi inongova mimwe mitambo yemifananidzo ingashandiswa):

muviri, html {margin: 0; padding: 0; } p {font: 1m 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; }

Iwe unogona kugadzirisa mafonti ehurukuro yako kana kuchinja mavara emutauro kana kunyange mutsara . Zvose izvi zvinoshandura musoro wako "wakaipa" uchiita chimwe chinhu chinokurudzira uye mukugadzikana nemagadzirirwo ako.

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

Mipata Inogona Kupfeka Pamisoro

Mapuranga inzira yakanaka yekuvandudza misoro yenyu. Uye miganhu iri nyore kuwedzera. Asi usakanganwa kuedza nemiganhu - haudi muganhu kune rumwe rutivi rwemusoro wako. Uye iwe unogona kushandisa zvinopfuura kungoita zvikwereti zvinokonzera.

h1 {font: bold italic 2em / 1em "Times New Roman", "MS Serif", "New York", serif; marginal: 0; padding: 0; ruvara: # e7ce00; border-top: solid # e7ce00 medium; border-bottom: dotted # e7ce00 thin; kureba: 600px; }

Ndakagadzira muganhu wepamusoro uye wepasi kune musoro wangu wokuenzanisira kuti nditaure zvimwe zvinonakidza zviratidzo. Iwe unogona kuwedzera miganhu nenzira ipi zvayo yaunoda kuti uwane maitiro ekugadzira waunoda.

Wedzera Mifananidzo Yacho kuMusoro Wako Nyaya Zvimwe Pizazz

Nzvimbo dzepaIndaneti dzakawanda dzine musoro wepamusoro kumusoro kwepeji iyo inosanganisira musoro-kazhinji musoro wepaiti uye mufananidzo. Vazhinji vagadziri vanofunga izvi sezvikamu zviviri zvakasiyana, asi haufaniri. Kana mufananidzo wacho uripo kuti unyore musoro wepamusoro, saka sei urege kuwedzera kune zvinyorwa zvepamusoro?

h1 {font: bold italic 3em / 1em "Times New Roman", "MS Serif", "New York", serif; mamiriro acho ezvinhu: #fff url ("fancyheadline.jpg") kudzokorora-x pasi; padding: 0.5m 0 90px 0; text-align: center; marginal: 0; border-bottom: solid # e7ce00 0.25em; ruvara: # e7ce00; }

Icho chinonyengera kumusoro uyu ndechekuti ndinoziva mifananidzo yangu ine 90 pixels yakareba. Saka ndakawedzera padding kusvika pasi pechinyorwa che 90px (padding: 0.5 0 90px 0p;). Iwe unogona kutamba nemakona marefu, mutsara-kukwirira, uye padding kuti uwane rugwaro rwemusoro wepamusoro kuti uratidze chaizvo kwaunoda.

Chinhu chimwe chete chokuyeuka kana uchishandisa zvifananidzo ndechekuti kana iwe une webhusaiti yekubvuma (iwe waunofanirwa) nekugadzirisa kunoenderana nekukura kwechinyorwa uye zvishandiso, iwe musoro wepamusoro hauzove wakaenzana. Kana iwe uchida musoro wako wepamusoro kuti uve wakaenzana nekukura, izvi zvinogona kukonzera matambudziko. Ndicho chimwe chezvikonzero nei ini kazhinji ndichidzivirira mifananidzo yakabva mumusoro, sezvinotonhorera sezvavanokwanisa dzimwe nguva kutarisa.

Kuchinja Kwemifananidzo muMusoro

Iyi ndiyo imwe nzira yakakurumbira yeWeb Design designers nokuti inokubvumira kuti iwe ugadzire musoro unofanirwa uye wotsiva mutsara weti musoro we musoro nechifananidzo ichocho. Ichi ndicho chokwadi chekare chinonzi antiqued kubva kune web designers chaive nekuwana mazita mashoma uye yaida kushandisa mamwe maitiro akadai mubasa ravo. Kuwedzera kwewebhu mafonti zvakanyatsochinja maitiro avakagadziri vanosvika panzvimbo. Nhepfenyuro inogona kuiswa mumhando dzakasiyana-siyana dzemasita nemifananidzo pamwe nemafaira akabatanidzwa haasisina kudiwa. Nokudaro, iwe uchazongowanikwa maCSS mifananidzo panzvimbo yezvinyorwa zvemasitera akare asina kumbovandudzwa kune mamwe maitiro ano mazuva ano.

Nyaya yekutanga naJennifer Krynin. Yakarongedzwa naJeremy Girard musi wa 9/6/17