Ṣe Iwọn Iwọn HTML Kan wa?

Ni kete ti o ba bẹrẹ ṣiṣe awọn ojuwe wẹẹbu pẹlu HTML, iwọ yoo bẹrẹ ṣiṣẹ pẹlu iwọn. Lati ṣe aaye rẹ wo ọna ti o fẹ ki o wo, o le ṣe afiwe oniru ti o tabi onise miiran ti ṣẹda, iwọ yoo fẹ lati yi iwọn ti ọrọ naa pada lori aaye naa, ati awọn eroja miiran lori oju-iwe naa. Lati ṣe eyi o le bẹrẹ lati wa awọn aami "iwọn" HTML, ṣugbọn iwọ yoo yara ri i sọnu.

Iwọn iboju HTML ko tẹlẹ ni HTML. Dipo, lati ṣeto iwọn awọn nkọwe rẹ, awọn aworan tabi awọn ifilelẹ ti o yẹ ki o lo Awọn Apẹrẹ Style Cascading. Ni pato, eyikeyi ayipada wiwo ti o nilo lati ṣe si ọrọ oju-iwe ayelujara tabi ohun miiran ni o yẹ ki o wa ni ọwọ nipasẹ CSS! HTML jẹ fun tito nikan.

Aami ti o sunmọ julọ si aami tag HTML jẹ tag tag atijọ, eyi ti o ni pẹlu ẹya iwọn. Ṣaṣe akiyesi pe a ti fi ami yii han ni awọn ẹya HTML ti o wa lọwọlọwọ ati pe o le ma ṣe atilẹyin nipasẹ awọn aṣàwákiri ni ojo iwaju! O ko fẹ lo tag tag ni awọn HTML rẹ! Dipo, o yẹ ki o kọ CSS lati ṣe iwọn awọn ero HTML rẹ ki o si ṣe oju-iwe ayelujara rẹ ni ibamu.

Font Sizes

Awọn iṣiro jẹ idiyan ohun ti o rọrun julọ lati ṣe iwọn pẹlu CSS. Moreso ju titobi ọrọ naa nikan, pẹlu CSS o le jẹ pato diẹ sii nipa akọọlẹ aaye ayelujara rẹ. O le ṣafihan iwọn ti iwọn, awọ, casing, idiwo, asiwaju, ati siwaju sii. Pẹlu tag tag, o le ṣokasi iwọn nikan, ati lẹhin naa nikan bi nọmba kan ti o ni ibatan si iwọn iwọn aiyipada ti aṣàwákiri ti o yato fun gbogbo alabara.

Lati seto ipinwe rẹ lati ni iwọn ti iwọn 12pt, lo awọn ohun-ini iru-iwọn:

h3 {font-size = 24px; }

Iru ara yii yoo ṣeto iwọn titobi ti awọn eroja headiing3 24 awọn piksẹli. O le fi eyi kun si folda ti ita ati gbogbo awọn H3s rẹ ti ile-iṣẹ yoo lo iru-ara yii.

Ti o ba fẹ lati fi awọn aza iwo-ẹya afikun si ọrọ rẹ, o le fi wọn kun si ofin CSS yii:

h3 {font-size: 24px; awọ: # 000; iṣiro-aṣiṣe: deede; }

Eyi kii ṣe ṣeto iru iwọn nikan fun awọn H3, o tun yoo ṣeto awọ si dudu (eyiti o jẹ pe koodu hex ti # 000 tumọ si) ati pe yoo ṣeto àdánù si "deede". Nipa aiyipada, awọn aṣàwákiri ṣe awọn akọsilẹ 1-6 gegebi ọrọ alaifoya, nitorina ọna yii yoo ṣe idaamu aifọwọyi ati paapaa ọrọ "alainiya" ọrọ naa.

Awọn Iwọn aworan

Awọn aworan le jẹ ẹtan lati ṣokasi awọn titobi nitori pe o le lo aṣàwákiri lati tun ṣe aworan naa. Dajudaju, awọn aworan ti o tun pada pẹlu aṣàwákiri jẹ aṣiwère buburu nitori pe o fa awọn oju-iwe lati ṣaima diẹ sii laiyara ati awọn aṣàwákiri maa n ṣe iṣẹ ti ko dara lati ṣe atunṣe, ṣiṣe awọn aworan buru bi buburu. Dipo, o yẹ ki o lo awọn ẹrọ ayanfẹ lati ṣe atunṣe awọn aworan ati lẹhinna kọ awọn titobi gidi wọn ni oju-iwe ayelujara ti oju-iwe ayelujara rẹ.

Ko dabi awọn lẹta, awọn aworan le lo boya HTML tabi CSS lati ṣọkasi iwọn. O setumo awọn iwọn ti awọn aworan ati awọn iga. Nigbati o ba lo HTML, o le ṣokasi iwọn aworan ni awọn piksẹli. Ti o ba lo CSS, o le lo awọn wiwọn miiran pẹlu inches, centimeters, ati awọn iṣiro. Iye yii ti o gbẹhin, awọn ipin-iṣipa, wulo pupọ nigbati awọn aworan rẹ nilo lati jẹ omi, gẹgẹbi ninu aaye ayelujara ti o dahun.

Lati ṣokasi iwọn aworan rẹ nipa lilo HTML, lo awọn iga ati awọn iwọn ijinlẹ ti img tag. Fun apẹẹrẹ, aworan yi yoo jẹ 400x400 awọn piksẹli square:

iga = "400" iwọn = "400" alt = "aworan" />

Lati ṣokasi iwọn aworan rẹ nipa lilo CSS, lo awọn iga ati awọn ẹya ara-ara iwọn. Eyi ni aworan kanna, lilo CSS lati ṣafihan iwọn:

ara = "iga: 400px; iwọn: 400px;" alt = "aworan" />

Awọn Iṣaṣe Ìfilọlẹ

Iwọn ti o wọpọ julọ ti o setumo ni ifilelẹ kan ni iwọn, ati ohun akọkọ ti o nilo lati pinnu jẹ boya o lo oju iwọn ifilelẹ ti o wa titi tabi aaye ayelujara ti n ṣe idahun. Ni awọn ọrọ miiran, ṣe iwọ yoo ṣọkasi iwọn ni iwọn gangan ti awọn piksẹli, inches, tabi awọn ojuami? Tabi iwọ yoo ṣeto iwọn ifilelẹ rẹ lati rọ nipa lilo awọn iṣiro tabi awọn iṣipa? Lati ṣokasi iwọn ti ifilelẹ rẹ, o lo iwọn ati giga CSS-ini bi o ṣe fẹ ni aworan kan.

Iwọn to wa titi:

ara = "iwọn: 600px;">

Iwọn awọ:

ara = "iwọn: 80%;">

Nigbati o ba pinnu lori awọn iwọn fun ifilelẹ rẹ, o yẹ ki o ranti awọn iwọn iwoye ti o yatọ si ti awọn onkawe rẹ le lo ati awọn ẹrọ oriṣiriṣi ti wọn yoo tun lo. Eyi ni idi ti aaye ayelujara ti n ṣe idahun , eyi ti o le yi ifilelẹ wọn ati iwọn ti o da lori awọn oriṣiriṣi awọn ẹrọ ati awọn titobi iboju, jẹ iṣedede aṣa julọ julọ loni.