Niipea kui hakkate HTML-vormingus veebisaite ehitama, hakkate tööle suuruse järgi. Kui soovite, et teie sait näeks välja nii, nagu soovite, et see otsiks, sobib tõenäoliselt teie või mõne muu disaineri loodud disaini, siis soovite muuta selle saidi teksti suurust ja teisi lehe elemente. Selleks võite hakata otsima HTML-i suuruse märgendit, kuid te leiate kiiresti selle puudumise.
HTML-i suuruse märgend HTML-is ei eksisteeri. Selle asemel, et määrata oma fontide, piltide või kujunduse suurust, peaksite kasutama kaskaaditavaid stiililehti. Tegelikult peaks kõik visuaalsed muudatused, mida peate tegema saidi tekstile või mõnele teisele elemendile, peaks tegema CSS! HTML on ainult struktuuri jaoks.
HTML-i suuruse märgendi lähim tag on vana font-kood, mis tõepoolest sisaldas suuruse atribuuti. Olge hoiatanud, et see märgend on HTML-i praegustes versioonides vananenud ja tulevikus brauserid seda ei toeta! Te ei soovi fonti sildi oma HTML-is kasutada! Selle asemel peaksite õppima CSS-i oma HTML-elementide mõõtmiseks ja oma veebilehe kujundamiseks.
Fontide suurused
Fondid on vaieldamatult kõige lihtsam CSS-i suurusega. Moreso kui lihtsalt selle teksti suurust, kasutades CSS-i, saate täpsemini oma veebisaidi tüpograafiat . Võite määrata fondi suuruse, värvi, korpuse, kaalu, juhtiva jt. Fontide märgendiga saate määrata ainult suuruse ja seejärel ainult selle numbri järgi, mis on seotud brauseri vaikimisi kasutatava kirja suurusega, mis erineb iga kliendi jaoks.
Kui soovite määrata lõigu tähemärgi suurus 12pt, kasutage font-size stiilis vara:
h3 {font-size = 24px; }See stiil määrab pealdise 3 elemendi kirjasuuruse 24 pikslit. Võite selle lisada välisele stiililehele ja kogu saidi H3-d kasutaksid seda stiili.
Kui soovite teksti lisada täiendavaid tüpograafilisi stiile, võite lisada need CSS-reeglile:
h3 {font-size: 24px; värv: # 000; font-mass: normaalne; }See ei tähendaks mitte ainult seda fondi suurust H3-de jaoks, vaid määraks ka värvi mustaks (see tähendab seda, mida tähendab # 000 hex kood) ja see määrab kaalu "normaalseks". Vaikimisi teevad brauserid pealkirjad 1-6 rasvaseks, nii et see stiil tühistab selle vaikeväärtuse ja sisuliselt teksti "un-bold".
Kujutise suurused
Suurused võivad olla keerulised, kuna võite pildi muutmiseks tegelikult brauserit kasutada. Kujutiste suuruse muutmine brauseri abil on halb mõte, sest see põhjustab lehtede laadimist aeglasemalt ja brauserid teevad sageli hõivatult suurust, muutes pildid halvaks. Selle asemel peaksite piltide suuruse muutmiseks graafikatarkvara kasutama ja oma veebilehe HTML-is kirjutama oma tegelikku suurust.
Erinevalt fontidest võivad pildid suuruse määramiseks kas HTML-i või CSS-i kasutada. Määratleite pildi laiuse ja kõrguse. Kui kasutate HTML-i, saate määrata pildi suuruse ainult pikslites. Kui kasutate CSS-i, võite kasutada teisi mõõtmeid, sealhulgas tollid, sentimeetrid ja protsendid. See viimane väärtus protsentides on väga kasulik, kui pildid peavad olema vedelikud, nagu ka tundlikel veebisaitidel.
HTML-i jaoks oma pildi suuruse määramiseks kasutage img-märgi kõrguse ja laiuse atribuute. Näiteks oleks see pilt 400x400 pikslit ruutu:
height = "400" width = "400" alt = "image" />Kasutage CSS-i abil oma kujutise suuruse määramiseks kõrguse ja laiuse stiili omadusi. Siin on sama pilt, kasutades suurust määratlemiseks CSS-i:
style = "height: 400px; width: 400px;" alt = "image" />Paigutuse suurused
Kõige tavalisem kujundus, mida määratlete kujunduses, on laius ja esimene asi, mida peate otsustama, on kas fikseeritud laiusega paigutuse või tundliku veebisaidi kasutamine. Teisisõnu, kas määratlete laiuse täpse pikslite, tolli või punktide arvu järgi? Või kas soovite, et oma paigutuse laius oleks paindlik, kasutades ems või protsenti? Paigutuse suuruse määramiseks kasutate laiuse ja kõrguse CSS-i reklaame, nagu oleksite pildil.
Fikseeritud laius:
style = "width: 600px;">Vedeliku laius:
stiil = "laius: 80%;">Kui otsustate paigutuse laiuse, peate silmas pidama erinevaid brauseri laiusi, mida teie lugejad võivad kasutada, ja teisi seadmeid, mida nad ka kasutavad. Sellepärast on tänapäeval parimate tavade standardiks reageerivad veebisaidid , mis võivad oma kujundust ja suurust muuta erinevate seadmete ja ekraanisuuruste põhjal.