Um leið og þú byrjar að byggja upp vefsíðum með HTML, byrjar þú að vinna með límvatn. Til að láta vefsvæðið þitt líta út eins og þú vilt að það lítur út, líklega passa við hönnun sem þú eða annar hönnuður hefur búið til, munt þú vilja breyta stærð textans á þessum vef, auk annarra þátta á síðunni. Til að gera þetta geturðu byrjað að leita að HTML "stærð" tagi, en þú munt finna það fljótt.
HTML stærð merkið er ekki til í HTML. Í staðinn, til þess að stilla stærð letur þinnar, myndir eða skipulag ættirðu að nota Cascading Style Sheets. Í staðreynd, einhver sjónræn breyting sem þú þarft að gera á texta síðunnar eða annað atriði ætti að meðhöndla af CSS! HTML er aðeins fyrir uppbyggingu.
Næstmerki á HTML-stærðarkóða er gömul leturmerki, sem inniheldur reyndar stærðastærð. Vertu varað við að þessi merki hafi verið fjarlægð í núverandi útgáfum af HTML og gæti ekki verið studd af vafra í framtíðinni! Þú vilt ekki nota leturmerkið í HTML þínum! Þess í stað ættirðu að læra CSS til að stækka HTML-þætti og stilla vefsíðuna þína í samræmi við það.
Leturstærð
Skírnarfontur eru væntanlega auðveldasti hluturinn að stærð með CSS. Kannski en bara að stilla þessi texta, með CSS geturðu verið nákvæmari um vefþýringuna þína . Þú getur skilgreint leturstærð, lit, hlíf, þyngd, leiðandi og fleira. Með leturgerðinni geturðu aðeins skilgreint stærðina, og þá aðeins sem tölur miðað við sjálfgefinn leturstærð vafrans sem er frábrugðin fyrir hvern viðskiptavin.
Til að stilla punktinn þinn til að hafa leturstærð 12pt skaltu nota leturstærðarstíl:
h3 {font-size = 24px; }Þessi stíll myndi stilla leturstærðina á headiing3 þætti 24 punktar. Þú gætir bætt þessu við ytri stíll lak og H3s allra vefsvæða þínar myndu nota þennan stíl.
Ef þú vilt bæta við fleiri typographic stílum við texta þína, þá gætirðu bætt þeim við þessa CSS reglu:
h3 {leturstærð: 24px; litur: # 000; font-þyngd: eðlilegt; }Þetta myndi ekki aðeins stilla leturstærðina fyrir H3, það myndi einnig stilla litinn á svörtu (sem er það sem hexakóði # 000 þýðir) og það myndi setja þyngdina í "venjulegt". Sjálfgefið er að vöfrum geri fyrirsagnir 1-6 sem feitletrað texta, þannig að þessi stíll myndi hunsa þessi vanræksla og í raun "ekki feitletrað" textann.
Myndastærð
Myndir geta verið erfiður að skilgreina stærðir vegna þess að þú getur raunverulega notað vafrann til að breyta stærð myndarinnar. Auðvitað er að breyta stærð mynda með vafranum slæm hugmynd vegna þess að það veldur því að síður hlaða hægar og vafrar gera oft lélegt starf af stærðargráðu og gera myndirnar slæmt. Þess í stað ættir þú að nota grafík hugbúnað til að breyta stærð mynda og síðan skrifa raunveruleg stærð þeirra á HTML vefsíðu þinni.
Ólíkt letur, myndir geta notað annað hvort HTML eða CSS til að skilgreina stærð. Þú skilgreinir breidd myndarinnar og hæðina. Þegar þú notar HTML geturðu aðeins skilgreint myndastærðina í punktum. Ef þú notar CSS geturðu notað aðrar mælingar, þ.mt tommur, sentimetrar og prósentur. Þetta síðasta gildi, prósentur, er mjög gagnlegt þegar myndirnar þínar þurfa að vera fljótandi, eins og í móttækilegri vefsíðu.
Til að skilgreina myndastærð þína með því að nota HTML skaltu nota hæðar- og breiddareiginleika img-merkisins. Til dæmis myndi þessi mynd vera 400x400 punktar fermetra:
height = "400" width = "400" alt = "mynd" />Til að skilgreina myndastærð þína með því að nota CSS skaltu nota eiginleika eigna hæð og breiddar. Hér er sama myndin, með því að nota CSS til að skilgreina stærð:
style = "height: 400px; width: 400px;" alt = "mynd" />Útlit Stærðir
Algengasta stærðin sem þú skilgreinir í útlitinu er breiddin og það fyrsta sem þú þarft að ákveða er hvort nota skal fasta breiddarútlit eða móttækilegan vef. Með öðrum orðum, ætlarðu að skilgreina breiddina sem nákvæmlega fjölda punkta, tommu eða punkta? Eða ertu að fara að setja upp breidd þína til að vera sveigjanlegur með ems eða prósentum? Til að skilgreina stærð útlitsins notarðu breidd og hæð CSS eiginleika eins og þú myndir í myndinni.
Fastur breidd:
style = "width: 600px;">Vökvi breidd:
style = "width: 80%;">Þegar þú ákveður breiddina fyrir útlitið skaltu hafa í huga mismunandi breidd vafra sem lesendur þínir gætu notað og mismunandi tæki sem þeir munu einnig nota. Þetta er ástæðan fyrir móttækilegum vefsíðum , sem geta breytt skipulagi þeirra og límvatn byggð á mismunandi tækjum og skjástærð, er besti staðlinum í dag.