Ṣe awọn akọle Fancy pẹlu CSS

Lo Awọn Fonti, Awọn Borders, ati Awọn Aworan lati Ṣaṣe Awọn akọle

Awọn akọle jẹ wọpọ lori ọpọlọpọ oju-iwe ayelujara. Ni otitọ, iwe-ọrọ ti o fẹlẹfẹlẹ pupọ n duro lati ni akọle kan ti o kere ju pe ki o mọ akọle ti ohun ti o n ka. Awọn akọle wọnyi ti wa ni ifaminsi nipa lilo awọn ero ero HTML - h1, h2, h3, h4, h5, ati h6.

Lori awọn aaye ayelujara kan, o le rii pe awọn akọle naa ti wa ni coded laisi lilo awọn eroja wọnyi. Dipo, awọn akọle le lo awọn ipinlẹ pẹlu awọn eroja ti o ni pato ti o kun si wọn, tabi ipinya pẹlu awọn ero ile-iwe. Idi ti mo ngbọ nigbagbogbo nipa iwa ti ko tọ ni pe onise "ko fẹran awọn akọle oju ọna wo". Nipa aiyipada, awọn akọle ti han ni igboya ati pe wọn tobi ni iwọn, paapaa awọn h1 ati awọn eroja h2 ti o han ni iwọn iwọn tobi ju iwọn iyokuro ti oju-iwe kan lọ. Fiyesi pe eyi nikan ni oju aiyipada ti awọn eroja wọnyi! Pẹlu CSS, o le ṣe akori wo sibẹsibẹ o fẹ! O le yi iwọn iwọn rẹ pada, yọ alaifoya, ati bẹ siwaju sii. Awọn akọle ni ọna ti o yẹ lati ṣafihan awọn akọle oju-iwe kan. Eyi ni awọn idi kan ti idi.

Kí nìdí Lo Akọle Tags Ni Dipo Awọn Aṣoju ati Nṣiṣẹ

Ṣawari Awọn Iwadi Bi Akọle Tags


Eyi ni idi ti o dara julọ lati lo awọn akọle, ki o lo wọn ni ilana to tọ (ie h1, lẹhinna h2, lẹhinna h3, bbl). Awọn oṣooro àwárí n funni ni iwuwọn ti o ga julọ si ọrọ ti o wa ninu awọn akọle afihan nitori pe iyasọtọ iye kan wa si ọrọ naa. Ni awọn ọrọ miiran, nipa ṣe afiwe akọle oju-iwe rẹ H1, o sọ fun agbọnri ẹrọ iwadi wi pe eyi ni oju-ewe # 1 ti oju-iwe naa. H2 awọn akọle ni # 2 tẹnumọ, ati bẹbẹ lọ.

O Ṣe Lati Ranti Awọn Ipele Kan ti O Lo Lati Ṣeto Awọn Akọsilẹ Rẹ

Nigbati o ba mọ pe gbogbo oju-iwe ayelujara rẹ yoo ni H1 ti o ni igboya, 2m, ati ofeefee, lẹhinna o le ṣalaye pe ni ẹẹkan ninu awoṣe rẹ ati ki o ṣee ṣe. Oṣu mẹfa lẹhinna, nigba ti o ba nfi iwe miiran kun, o kan fi aami H1 kan si oke ti oju-iwe rẹ, iwọ ko ni lati pada si awọn oju-ewe miiran lati wa iru ID tabi ipo ti o lo lati ṣafihan ifilelẹ naa akọle ati awọn olori-ori.

Wọn Pese Afihan Agbara

Awọn itọkasi mu ki ọrọ rọrun lati ka. Ti o ni idi ti ọpọlọpọ awọn ile-ẹkọ Amẹrika kọ awọn ọmọ ile-iwe lati kọ iwe kan ṣaaju ki wọn kọ iwe naa. Nigbati o ba lo awọn akọle akọọlẹ ninu kika kika, ọrọ rẹ ni ọna ti o mọ kedere ti o han kedere. Pẹlupẹlu, awọn irinṣẹ wa ti o le ṣe atunyẹwo oju-iwe oju-iwe lati pese ipasẹpọ, ati awọn wọnyi gbẹkẹle awọn akọle akọọlẹ fun itọsọna ikede.

Oju-iwe Rẹ yoo Ṣi Ikan Pẹlu Pẹpẹ Awọn Ipa Ti Pa

Ko gbogbo eniyan le wo tabi lo awọn awoṣe ara (ati eyi ti o pada si # 1 - awọn irin-ṣiṣe àwárí wo akoonu (ọrọ) ti oju-iwe rẹ, kii ṣe awọn awoṣe ara). Ti o ba lo awọn akọle akọọlẹ, iwọ n mu awọn oju-ewe rẹ sii diẹ sii nitori awọn akọle pese alaye ti aami DIV kii yoo.

O ṣe iranlọwọ fun Awọn oluka iboju ati Ayewo Ayelujara

Lilo awọn akọle ti o ni idaniloju ṣẹda ọna imọran si iwe-ipamọ kan. Eyi ni ohun ti awọn onkawe iboju yoo lo lati "ka" aaye kan si olumulo kan pẹlu ailewu iran, ṣiṣe aaye rẹ si awọn eniyan ti o ni ailera.

Ṣawari Ọrọ ati Fọọmu ti Awọn akọle rẹ

Ọna to rọọrun lati lọ kuro ni iṣoro "nla, alaifoya, ati ẹgàn" awọn akọle akọọlẹ ni lati ṣe afiwe ọrọ naa ni ọna ti o fẹ ki wọn wo. Ni otitọ, nigbati mo n ṣiṣẹ lori oju-iwe ayelujara tuntun kan, Mo kọwe igbasilẹ, h1, h2, ati awọn h3 awọn nkan akọkọ. Mo maa n ṣakoso pẹlu ẹbi ti o ṣe deede ati iwọn / iwuwo. Fun apẹẹrẹ, eyi le jẹ apoti ti o ni akọkọ fun aaye titun kan (wọnyi ni awọn apẹẹrẹ apẹẹrẹ kan ti a le lo):

ara, html {ala: 0; padding: 0; } p {fon: 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; }

O le ṣe atunṣe awọn nkọwe ti akọle rẹ tabi yi ọna kikọ pada tabi paapa awọn awọ ọrọ . Gbogbo awọn wọnyi yoo tan akọle rẹ "ailewu" sinu ohun ti o ni ilọsiwaju pupọ ati ni ibamu pẹlu apẹrẹ rẹ.

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

Awọn Aala le Ṣe Imudara Awọn Akọle

Awọn aala jẹ ọna nla lati ṣe atunṣe awọn akọle rẹ. Ati awọn aala jẹ rọrun lati fi kun. Ṣugbọn maṣe gbagbe lati ṣe idanwo pẹlu awọn aala - iwọ ko nilo kan aala lori ẹgbẹ kọọkan ti akọle rẹ. Ati pe o le lo diẹ ẹ sii ju awọn iyipo ti o ni alaafia bii.

h1 {font: italic bold 2em / 1em "Times New Roman", "MS Serif", "New York", serif; ala: 0; padding: 0; awọ: # e7ce00; aala-oke: lagbara # e7ce00 alabọde; aala-isalẹ: ti o ni kikun # e7ce00 tinrin; iwọn: 600px; }

Mo fi kun aala oke ati isalẹ si akọle akọle mi lati ṣe agbekalẹ diẹ ninu awọn aṣiwo oju ti o dara. O le fi awọn aala kun ni ọna ti o fẹ lati ṣe aṣeyọri aṣa ti o fẹ.

Fi awọn aworan atẹlẹsẹ si awọn akọle rẹ Fun Ani diẹ sii Pizazz

Ọpọlọpọ awọn oju-iwe Ayelujara wa ni apakan akọle ni oke ti oju-ewe ti o ni akọle - eyiti o jẹ akọle aaye ati ipolowo. Ọpọlọpọ awọn apẹẹrẹ ṣe apejuwe eyi bi awọn eroja meji, ṣugbọn iwọ ko ni. Ti o ba jẹ iwọn ti o wa lati ṣe ẹṣọ akọle, nigbanaa kini idi ti o ko fi kun si awọn akori ori?

h1 {font: italic bold 3em / 1m "Times New Roman", "MS Serif", "New York", serif; lẹhin: #fff url ("fancyheadline.jpg") tun-x isalẹ; padding: 0.5em 0 90px 0; ọrọ-kikọ: aarin; ala: 0; aala-isalẹ: lagbara # e7ce00 0.25em; awọ: # e7ce00; }

Awọn ẹtan si akọle yii ni pe Mo mọ pe aworan mi jẹ awọn piksẹli to ga julọ. Nitorina ni mo fi kun padala si isalẹ ti akọle 90px (padding: 0.5 0 90px 0p;). O le mu ṣiṣẹ pẹlu awọn ipo, ila-ila, ati awọn padding lati gba ọrọ ti akọle lati han gangan ibi ti o fẹ.

Ohun kan lati ranti nigba lilo awọn aworan jẹ pe ti o ba ni aaye ayelujara ti o ṣe idahun (eyi ti o yẹ) pẹlu ifilelẹ ti o yipada da lori titobi iboju ati awọn ẹrọ, akọle rẹ kii yoo ni iwọn kanna. Ti o ba nilo akọle rẹ lati jẹ iwọn gangan, eyi le fa awọn iṣoro. O jẹ ọkan ninu awọn idi ti emi fi nkora fun awọn aworan lẹhin ni ori akọle, bi itura bi wọn ṣe le ma wo.

Rirọpo Aworan ni Awọn akọle

Eyi jẹ ilana imọran miiran fun awọn apẹẹrẹ ayelujara nitori pe o faye gba o lati ṣẹda akọle ti o ni iwọn ati ki o rọpo ọrọ ti akọle akọle pẹlu aworan naa. Eyi jẹ otitọ, ilana ti o lodi si awọn apẹẹrẹ ayelujara ti ni aaye si awọn lẹta pupọ pupọ ati ki o fẹ lati lo awọn lẹta pupọ diẹ sii ni iṣẹ wọn. Igbelaruge awọn sisọ oju-iwe ayelujara ti ṣe iyipada bi o ṣe jẹ pe awọn apẹẹrẹ ṣawari awọn aaye. Awọn akọle le bayi ni a ṣeto ni awọn orisirisi awọn nkọwe ati awọn aworan pẹlu awọn nkọwe ti a fi sinu ti ko nilo. Bii iru eyi, iwọ yoo rii awọn aworan CSS nikan fun awọn akọle lori aaye ti o ti dagba ju ti a ko ti tun imudojuiwọn si awọn iṣẹ igbalode.

Atilẹkọ article nipasẹ Jennifer Krynin. Ṣatunkọ nipasẹ Jeremy Girard lori 9/6/17