Cyn gynted ag y byddwch yn dechrau creu gwefannau gyda HTML, byddwch yn dechrau gweithio gyda sizing. I wneud i'ch gwefan edrych ar y ffordd yr ydych am iddo edrych, mae'n debyg y bydd y dyluniad chi neu ddylunydd arall wedi'i greu, mae'n debygol y byddwch am newid maint y testun ar y safle hwnnw, yn ogystal ag elfennau eraill ar y dudalen. I wneud hyn, efallai y byddwch yn dechrau chwilio am tag "maint" HTML, ond byddwch yn ei chael yn coll yn gyflym.
Nid yw'r tag maint HTML yn bodoli yn HTML. Yn lle hynny, er mwyn gosod maint eich ffontiau, delweddau neu'ch cynllun, dylech ddefnyddio Taflenni Arddull Cascading. Mewn gwirionedd, dylai unrhyw newid gweledol y mae angen i chi ei wneud i destun y wefan neu fod elfen arall yn cael ei drin gan CSS! HTML ar gyfer strwythur yn unig.
Y tag agosaf i tag maint HTML yw'r hen tag ffont, a oedd yn wir yn cynnwys priodoldeb maint. Byddwch yn rhybuddio bod y tag hwn heb ei ddisgwylio mewn fersiynau cyfredol o HTML ac efallai na fydd porwyr yn ei gefnogi yn y dyfodol! Nid ydych chi eisiau defnyddio'r tag ffont yn eich HTML! Yn lle hynny, dylech ddysgu CSS i faint eich elfennau HTML ac arddull eich tudalen we yn unol â hynny.
Maint y Ffont
Gellir dadlau mai ffontiau yw'r peth hawsaf i'w maint gyda CSS. Mae Moreso na dim ond maint y testun hwnnw, gyda CSS, gallwch chi fod yn fwy penodol am eich tygraffeg gwefan . Gallwch ddiffinio maint y ffont, y lliw, y casio, y pwysau, y blaenllaw, a mwy. Gyda'r tag ffont, dim ond y maint y gallwch chi ei ddiffinio, ac yna dim ond fel nifer sy'n berthynol i faint ffont diofyn y porwr sy'n wahanol i bob cwsmer.
I osod eich paragraff i gael maint ffont o 12pt, defnyddiwch yr eiddo arddull maint ffont:
h3 {font-size = 24px; }Byddai'r arddull hon yn gosod maint ffont headiing3 elfennau 24 picsel. Gallech ychwanegu hyn at ddalen arddull allanol a byddai holl H3s eich safle yn defnyddio'r arddull hon.
Os ydych chi eisiau ychwanegu arddulliau teipograffig ychwanegol i'ch testun, gallech eu hychwanegu at y rheol CSS hon:
h3 {font-size: 24px; lliw: # 000; ffont-bwysau: normal; }Byddai hyn nid yn unig yn gosod y maint ffont ar gyfer H3s, byddai hefyd yn gosod y lliw i ddu (sef yr hyn y mae cod hecs # 000 yn ei olygu) a byddai'n gosod y pwysau i "normal". Yn anffodus, mae porwyr yn rendro penawdau 1-6 fel testun trwm, felly byddai'r arddull hon yn goresgyn y rhagosodiad hwnnw ac yn ei hanfod yn "un-bold" y testun.
Meintiau Delwedd
Gall delweddau fod yn anodd i ddiffinio meintiau oherwydd gallwch chi ddefnyddio'r porwr i newid maint y ddelwedd. Wrth gwrs, mae newid maint delweddau gyda'r porwr yn syniad drwg oherwydd mae'n achosi i dudalennau lwytho'n arafach a bydd porwyr yn aml yn gwneud gwaith gwael o newid maint, gan wneud i'r delweddau edrych yn wael. Yn lle hynny, dylech ddefnyddio meddalwedd graffeg i newid maint delweddau ac yna ysgrifennu eu meintiau gwirioneddol yn eich tudalen We HTML.
Yn wahanol i ffontiau, gall delweddau ddefnyddio naill ai HTML neu CSS i ddiffinio'r maint. Rydych chi'n diffinio lled y ddelwedd a'r uchder. Pan fyddwch chi'n defnyddio HTML, dim ond maint y ddelwedd y gallwch ei ddiffinio mewn picsel. Os ydych chi'n defnyddio CSS, gallwch ddefnyddio mesuriadau eraill gan gynnwys modfedd, centimetrau a chanrannau. Mae'r gwerth olaf, y canrannau hyn, yn ddefnyddiol iawn pan fydd angen i'ch delweddau fod yn hylif, fel mewn gwefan ymatebol.
Er mwyn diffinio maint eich delwedd gan ddefnyddio HTML, defnyddiwch nodweddion uchder a lled y tag img. Er enghraifft, byddai'r ddelwedd hon yn 400x400 picsel sgwâr:
uchder = "400" width = "400" alt = "image" />Er mwyn diffinio eich maint delwedd drwy ddefnyddio CSS, defnyddiwch yr eiddo arddull uchder a lled. Dyma'r un ddelwedd, gan ddefnyddio CSS i ddiffinio'r maint:
arddull = "uchder: 400px; lled: 400px;" alt = "image" />Meintiau Cynllun
Y maint mwyaf cyffredin rydych chi'n ei ddiffinio mewn cynllun yw'r lled, a'r peth cyntaf y bydd angen i chi ei benderfynu yw a ddylid defnyddio cynllun lled sefydlog neu wefan ymatebol. Mewn geiriau eraill, a ydych am ddiffinio'r lled fel union nifer o bicseli, modfedd, neu bwyntiau? Neu a ydych am osod lled eich cynllun i fod yn hyblyg gan ddefnyddio ems neu ganrannau? Er mwyn diffinio maint eich cynllun, rydych chi'n defnyddio eiddo CSS lled a thaldra fel yr hoffech chi mewn delwedd.
Lled sefydlog:
arddull = "lled: 600px;">Lled hylif:
arddull = "lled: 80%;">Pan fyddwch chi'n penderfynu ar y lled ar gyfer eich cynllun, dylech gadw mewn cof gwahanol lled y porwr y gallai eich darllenwyr eu defnyddio a'r gwahanol ddyfeisiau y byddant hefyd yn eu defnyddio. Dyma pam y gall gwefannau ymatebol , sy'n gallu newid eu gosodiad a'u maint ar sail dyfeisiadau gwahanol a maint sgrin, yw'r safon arfer gorau heddiw.