Chomh luath agus a thosaíonn tú ag tógáil leathanaigh ghréasáin le HTML, tosóidh tú ag obair le sizing. Chun breathnú ar do shuíomh ar an mbealach is mian leat breathnú air, is dócha gur chruthaigh tú dearadh nó dearthóir eile, beidh tú ag iarraidh méid an téacs a athrú ar an láithreán sin, chomh maith le heilimintí eile ar an leathanach. Chun seo a dhéanamh, féadfaidh tú tús a chur le tag "HTML", ach gheobhaidh tú go tapa é.
Níl an chlib méadaithe HTML ann i HTML. Ina áit sin, d'fhonn méid do chlónna, d'íomhánna nó do leagan amach a leagan síos ba chóir duit úsáid a bhaint as Bileoga Stíl Cascáideacha. Go deimhin, ba chóir go ndéanfadh CSS aon athrú amhairc a theastaíonn uait a dhéanamh le téacs an láithreáin nó le heilimint eile. Tá HTML le haghaidh struchtúr amháin.
Is é an clib is gaire do chlib méadaithe HTML an clog cló d'aois, a raibh tréith mhéid ann i ndáiríre. Bí rabhadh go ndearnadh an tag seo a nochtadh i leaganacha reatha HTML agus nach bhféadfadh brabhsálaithe tacaíocht a thabhairt dó sa todhchaí! Ní mian leat an clóchló a úsáid i do HTML! Ina áit sin, ba chóir duit CSS a fhoghlaim chun do chuid eilimintí HTML a mhéid agus stíl do leathanach gréasáin dá réir sin.
Méideanna Cló
Is féidir gur féidir le clónna an rud is éasca a mhéid le CSS. Is féidir le Moreso ná an téacs sin a uasmhéadú, le CSS, is féidir leat a bheith níos sainiúla maidir le do chlóghrafaíocht láithreán gréasáin . Is féidir leat an clómhéid, an dath, an gcásáil, an meáchan, na príomhchúiseanna, agus níos mó a shainmhíniú. Leis an gclib cló, ní féidir leat ach an méid a shainmhíniú, agus ansin amháin mar uimhir a bhaineann le clómhéid réamhshocraithe an bhrabhsálaí atá difriúil do gach custaiméir.
Chun do mhír a leagan síos go mbeidh 12pt cló a bheith agat, bain úsáid as an stíl stíl clómhéid:
h3 {font-size = 24px; }Leagfadh an stíl seo clómhéid na n-eilimintí headiing3 de 24 picteilín. D'fhéadfá é seo a chur leis an mbileog stíl seachtrach agus d'úsáidfeadh H3 ar fad do shuíomh an stíl seo.
Más mian leat stíleanna clogagrafacha breise a chur le do théacs, d'fhéadfá iad a chur ar an riail CSS seo:
h3 {font-size: 24px; dath: # 000; cló-meáchan: gnáth; }Ní shocródh sé seo ach an clómhéid do H3s, socródh sé freisin an dath go dubh (is éard atá i gceist leis an gcód heicteár de # 000) agus socródh sé an meáchan go "gnáth". De réir réamhshocraithe, léiríonn brabhsálaithe ceannteidil 1-6 mar théacs trom, mar sin chuirfeadh an stíl seo an réamhshocrú sin agus an téacs "un-bold" go bunúsach.
Méideanna Íomhá
Is féidir le híomhánna a bheith deacair chun méideanna a shainmhíniú toisc gur féidir leat an brabhsálaí a úsáid i ndáiríre chun an íomhá a athrú. Ar ndóigh, is droch-smaoineamh é an t-íomhánna a mhéid is mó leis an mbrabhsálaí toisc go gcuireann sé ar chumas na leathanaigh níos moille a luchtú agus go minic bíonn droch-phost ag baint leis na brabhsálaithe, rud a fhágann go n-amharcann na híomhánna go dona. Ina áit sin, ba cheart duit bogearraí grafaicí a úsáid chun íomhánna a athrú agus ansin a gcuid méideanna iarbhír a scríobh i do leathanach Gréasáin HTML.
Murab ionann agus clónna, is féidir le híomhánna HTML nó CSS a úsáid chun an méid a shainiú. Sainmhíníonn tú leithead an íomhá agus an airde. Nuair a úsáideann tú HTML, ní féidir leat ach méid an íomhá i pixel a shainmhíniú. Má úsáideann tú CSS, is féidir leat tomhais eile a úsáid lena n-áirítear orlach, ceintiméadar agus céatadáin. Tá an luach deireanach seo, céatadáin, an-úsáideach nuair is gá do íomhánna a bheith sreabhach, mar atá i suíomh gréasáin sofhreagrach.
Chun do mhéid íomhá a shainiú ag baint úsáide as HTML, úsáid tréithe airde agus leithead an chlib img. Mar shampla, bheadh an íomhá seo 400x400 pixel cearnach:
airde = "400" width = "400" alt = "image" />Chun do mhéid íomhá a shainiú ag baint úsáide as CSS, bain úsáid as na hairíonna stíl airde agus leithead. Seo an íomhá chéanna, ag úsáid CSS chun an méid a shainmhíniú:
stíl = "airde: 400px; leithead: 400px;" alt = "íomhá" />Méideanna Leagan Amach
Is é an méid is coitianta a shainmhíníonn tú i leagan amach an leithead, agus is é an chéad rud is gá duit cinneadh a dhéanamh ná an bhfuil leagan amach leithead seasta nó láithreán gréasáin sofhreagrach a úsáid. I bhfocail eile, an bhfuil tú ag dul a shainmhíniú ar an leithead mar líon cruinn picteilíní, orlach nó pointí? Nó an bhfuil tú ag leagan amach do leithead leagan amach a bheith solúbtha ag baint úsáide as ems nó céatadáin? Chun méid do leagan amach a shainiú, úsáideann tú leithead agus airde airíonna CSS díreach mar a bheadh tú in íomhá.
Leithead seasta:
stíl = "leithead: 600px;">Leithead leachtach:
stíl = "leithead: 80%;">Nuair a bhíonn tú ag cinneadh a dhéanamh ar an leithead ar do leagan amach, ba chóir duit cuimhneamh a thabhairt ar na leathanaigh éagsúla bhrabhsálaí a d'fhéadfadh do léitheoirí a úsáid agus na feistí éagsúla a úsáideann siad freisin. Sin é an fáth go bhfuil láithreáin ghréasáin sofhreagracha , ar féidir leo a leagan amach agus a sizing bunaithe ar fheistí éagsúla agus méideanna scáileáin a athrú, an caighdeán is fearr cleachtais inniu.