Heading Fancy with CSS

Vebijêrk, Borders û Wêneyên bikar bînin ku ji bo Serûpelên xweş bikin

Headlines li ser gelek rûpelan gelemperî têne. Di rastiyê de, belge gelek belgeyên nivîskî bi kêmanî yek ji rêza xwe ve girêdayî ye, da ku hûn di navnîşa ku hûn bixwînin. Ev sernivîsên hêmanên sereke yên HTML-h1, h2, h3, h4, h5, û h6 bikar tînin.

Li ser hin malperan, hûn dikarin bibînin ku rêzikên bêyî van hêmanan bikar bînin codî. Di şûna wê de, rêzikaran dikarin bi paragrafan re bi taybetmendiyên taybetî yên bi wan re an jî parçeyek bi hêmanên klasîk ve girêdayî bûn. Sedema ku ez pir caran li ser vê pratîkê nebihîstim ev e ku dîztator "nerazîbûna rêyên nerazî nakin". Bi rêkûpêk, sernavên di bin tedawiyê de têne kirin û ew di mezinahiya mezin de, bi taybetî bi h1 û h2 elementên ku ji hêla tevahiya rûpelê ya pirtûka herî mezin ve nîşan dide. Bi hişyar bimînin ev tenê tenê çavkaniyên pêşnivîsî ye! Bi CSS-ê, hûn dikarin lêgerînê binêrin lê belê hûn dixwazin. Hûn dikarin mezinahiya fontsê biguherînin, bêhtir zirav û pirr zêde bikin. Berpirsyarên rêkûpêk ku rêberên rûpelê kod bikî. Li vir hinek sedem hene.

Çima Ji Berpirsyarên Daxuyaniya Karanîna DIVS û Styling

Vebijêrkên Engines Like Likeing Tags


Ev sedema sedemên herî baş e ku ji sernavên bikar bînin, û ji wan re di armanca rastîn de (wek h1, h2, h3, h3, etc.) bikar bînin. Enginesên lêgerîn bi giraniya giran re bidin nivîsandin ku di hundurê dorpêçeyan de hene, ji ber ku nirxek semantîk bi vê nivîsê ye. Di heman demê de, bi hêla H1-nameya rûpelê ve tête, hûn ê pevçûnek lêgerîna lêgerînê bibêjin ku ew # 1 faktorê rûpelê ye. Sernavên H2 di # 2 zext de hene, û vî awayî.

Hûn Dema ku hûn çiqas Dibistanên ku hûn tê bikaranîn ku hûn ji nûçegihanên we binivîse

Dema ku hûn dizanin ku rûpelên malperên ku hûn di nav H1 de biter, 2em û zerîn in, dê hûn bi careke din re şîfre bikin û bêne kirin. 6 mehan paşda, dema ku hûn rûpelê din dinivîse, hûn tenê li ser rûpelê H1-ê li ser rûpela xwe binivîse, hûn nabin ku paşê rûpelên din bikin ku hûn bizanibin nasnameya kîjan an çîna ku hûn tête sereke sernav û navendî.

Ew pevçûnek bihêztirîn pêşkêş dikin

Vebijêrkên nivîskî hêsantir dixwînin. Ji ber vê yekê piranîya dibistanên xwendekarên xwendekar ji ber ku ew nivîsandinê nivîsandine binivîse. Dema ku hûn di nîşana forma navnîşan de bikar bînin, nivîsê te pergala zelal e ku zû zû zelal dibe. Plus, amûrên ku hene dikarin binivîsin ser rûpelê rûpelê binirxînin ku hevpeymanan pêşkêş bikin, û ew li ser damezrandina avahiyê ji bo sertîfîkan bikin.

Pêwîstiya Pîroz Pîroz Bikin Even With The Styles Turn Off Off

Ne her kes nikare bibînin yan jî şêweyên şêweyên bikar bînin (û ew dîsa vegerin # 1 - motorên lêgerînê naveroka naverokê (nivîsa) ya rûpela xwe, ne naveroka stenbolê bibînin). Heke hûn tixûbên bikarhênerê bikar bînin, hûn rûpelên xwe bêhtir bibînin, ji ber ku rêzên agahdariyê agahdar dikin ku DIV-ê dê ne.

Ew Xwendekarên Kîrek û Agahdariya Malperan a Hêzdar e

Proper use of headings structure of a documentary a logical creator. Ev yek e ku xwendekarên ku li ser xwendevanan, dê bikar bînin ku malpera ku bikarhênerek bi astengiya vîzyonê, bikaribin malpera xwe ji bo mirovên bêkariyê çêbikin.

Mijarek Nivîskar û Fontsên Rêveberiya We

Riya herî baş e ku pirsgirêk ji "pirsgirêkeke mezin, bold, û ugly" ya veguhestina tagên sernav e ku hûn tekoşîna rêbazê ya ku hûn dixwazin binihêrin. Bi rastî, gava ku ez li ser malpera nû dixebite, ez bi gelemperî paragraf, h1, h2, û h3-şêweyên pêşîn tiştek binivîse. Ez bi gelemperî bi tenê malbata fonê û sîgort / giran bimîne. Ji bo nimûne, ev dibe ku ji bo malpera nû ya nimûne (ew tenê celebên nimûneyên ku werin bikar anîn in).

body, html {margin: 0; padding: 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; }

Hûn dikarin fontsên serîlêdana xwe biguherînin an jî stylesa nivîskî an jî heta rengê rengê biguherînin . Ev yek ji serê we "ugly" bi awayekî din ve girêdayî ye û di çarçoveya xwe de pêdivî ye.

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

Sersaz dikarin Rojnameyên Top Dress Up Can

Sînor bi awayekî mezin çêtirîn ku çêkirina weşanên we. Û sînor hêsantir dikin. Lê ji bîr nekin ku bi sînoran re tecrûb bikin - hûn hewce ne li sînorê we ya her aliyek sînor hewce ne. Û hûn dikarin ji hêla sînorên barker re bêtir bikar bînin.

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

Min li ser jorîn û jorîn sînor da ku ji serê we re binivîse ku ji bo hin mijarên dîtir ên balkêş. Hûn dikarin sînor digerin ku her tiştî dixwazî ​​ku hûn bileya sêwirîna designê bigirin.

Ji bo Pizazz jî Pirtûka Serûpelên Wêneyên Peldankê Herweha

Gelek malperên beşdarê li seranserê rûpelê ku di rêza sereke de ye - gelemperî navnîşê malperê û grafîk. Piraniya sêwirînerên ji hêla her du elementên cuda ve difikirin, lê hûn ne naxwazin. Heke krafîk hebe heya tenê ji bo sernivîsa wê, hingê çima ew bi şêweyên sereke zêde nakin?

h1 {font: bold italic 3em / 1em "Times New Roman", "MS Serif", "New York", serif; paşnav: #fff url ("fancyheadline.jpg") repeat-x bottom; padding: 0.5em 0 90px 0; text-align: center; margin: 0; border-bottom: solid # e7ce00 0.25em; rengê: # e7ce00; }

Bêguman vê rûpela vê yekê ye ku ez dizanim wêneyê min 90 pîrek e. Ji ber vê yekê min ji binî ya serekeya 90px (padding: 0.5 0 90px 0p;) davêjin. Hûn dikarin bi navîn, rêzan, bilind û pêdivî bidin ku hûn gotina sereke binêrin ku hûn bixweber bikin ku hûn dixwazin.

Tiştek ku hûn wêneyên karanîna we di nav bîr bînin bîra wan e ku hûn malpera berpirsiyarî (heqê ku hûn bi rêvebirinê) bi rêbazek ku li ser sermayeyên hûrdûr û cîhazên li ser bingeha guhartin biguherînin, hûn ê her dem her tim her cûre be. Heke hûn hewceyê we sernivîsa ku mezinahiya rast be, ev dibe sedema pirsgirêkan. Ew yek ji sedemên ku ez bi gelemperî di wêneyên paşnavê de li ser serê xwe biparêze, wek ku ew dikarin carinan bibînin.

Guhertina Navnîşan di Headlines

Ev teknolojiya webê ye ku ji bo pîşesazên webê ye, ji ber ku hûn bi destnîşanek kartîkek çêbikin û li ser vê wêneyê veguherîna teksta sereke. Ev bi rastî bi pratîkek kevneşopî ji hêla sêwirînerên webê ve hatî gavên fonts kêm bûn û xwest ku di karê xwe de bêtir fontsên bêtir bikar bînin. Gelek fonksiyonên webê bi rastî ev guherand ku çiqas sêwirkeran rexne dikevin. Headlines dikarin niha bi cureyên cuda yên fonts û wêneyên ku bi wan re veşartî têne çêkirin, bêhtir hewce ne. Wek vê yekê, hûn ê tenê ji bo serokên ku kevnên kevn ên ku nûçeyên nû yên nûjen ên nûjen nehatiye nû kirin, guhertina wêneyên CSS hene.

Gotara rastîn ji Jennifer Krynin. Edited by Jeremy Girard on 9/6/17