Ceann de na clibeanna a fhoghlaimfidh tú go luath i d'oideachas dearadh gréasáin ná péire clibeanna ar a dtugtar "clibeanna béime". Féach dúinn cad iad na clibeanna seo agus conas a úsáidtear iad i ndearadh gréasáin inniu.
Ar ais go dtí XHTML
Má d'fhoghlaim tú HTML bliain ó shin, go maith roimh ardú HTML5, is dócha go n-úsáideann tú clibeanna trom agus iodálach araon. De réir mar a shíleann tú, thit na clibeanna seo le heilimintí i dtéacs trom nó téacs iodálach faoi seach. An fhadhb leis na clibeanna seo, agus cén fáth go ndearnadh iad a chur ar leataobh i bhfabhar na n-eilimintí nua (a léireofar go gairid), ná nach eilimintí seansachacha iad. Tá sé seo mar gheall ar shainmhíníonn siad conas ba cheart breathnú ar an téacs seachas faisnéis faoin téacs. Cuimhnigh, go bhfuil HTML (an áit a scríobhann na clibeanna seo) faoi struchtúr, ní stíl amhairc! Déileálann CSS le Visuals agus déantar dea-chleachtais dearadh gréasáin a choinneáil ar fad gur chóir go mbeadh scaradh soiléir stíl agus struchtúr agat i do leathanaigh ghréasáin. Ciallaíonn sé seo nach n-úsáidtear eilimintí neamh-sheanantacha agus nach bhfuil cuma seachas mionsonraí ar struchtúr. Sin é an fáth go bhfuil láidir (i gcló trom) agus béim (i gcló iodálach) in ionad na clibeanna dúbailte agus iodálach.
& lt; strong & gt; agus & lt; em & gt;
Cuireann na heilimintí láidre agus béime faisnéise ar do théacs, ag tabhairt mionsonraí ar ábhar ar chóir déileáil leo go difriúil agus béim a chur air nuair a labhraítear an t-ábhar sin. Bainfidh tú úsáid as na heilimintí seo ar an gcaoi chéanna a d'úsáidfeá siad go trom agus i gcló iodálach san am atá caite. Níl ort ach do chuid téacs a thosú leis na clibeanna oscailte agus dúnta ( agus le haghaidh béime agus agus le haghaidh béim láidir) agus cuirfear béim ar an téacs faoi iamh.
Is féidir leat na clibeanna seo a neadú agus ní cuma cé acu an tag seachtrach é. Seo roinnt samplaí.
Leagtar béim ar an téacs agus taispeánfadh an chuid is mó de na brabhsálaithe é mar iodálach. Leagtar béim láidir ar an téacs agus taispeánfadh an chuid is mó de na brabhsálaithe é mar chineál trom. Sa dá shampla seo, ní dhéanaimid cuma amhairc leis an HTML. Sea, bheadh cuma réamhshocraithe an chlib iodálach agus bheadh an tromchúiseach, ach d'fhéadfaí iad sin a athrú go héasca i CSS. Is é seo an chuid is fearr den dá shaol. Is féidir leat na stíleanna brabhsála réamhshocraithe a ghiaráil chun téacs iodálach nó trom a fháil i do dhoiciméad gan an líne a thrasnú agus struchtúr agus stíl a mheascadh. Abair gur theastaigh uait go mbeadh an téacs
láidir {
dath: dearg;
}
Sa sampla seo, ní gá duit maoin a chur leis an gcló trom-meáchan ós rud é go bhfuil an réamhshocraithe ann. Mura bhfuil tú ag iarraidh sin a fhágáil go seans, áfach, is féidir leat é a chur i gcónaí:
láidir {
cló-mheáchan: trom;
dath: dearg;
}
Anois, bheadh tú uile ach ráthaítear go mbeadh leathanach agat le téacs trom (agus dearg) cibé áit a n-úsáidtear an tag .
Double Up ar Béim
Rud amháin a thug mé faoi deara i rith na bliana ná cad a tharlaíonn má dhéanaim iarracht dúbailt a dhúbailt. Mar shampla:
Ba chóir go mbeadh an téacs bolded agus italicized istigh air.Ba mhaith leat smaoineamh go dtiocfadh an líne seo le ceantar a bhfuil téacs ann go trom agus i gcló iodálach. Uaireanta, ní tharlaíonn sé seo go deimhin, ach feicthe agam nach dtugann roinnt brabhsálaithe ach an dara ceann den dá stáisiún béime, an ceann is gaire don téacs iarbhír atá i gceist, agus ní léiríonn sé seo ach mar iodálach. Seo ceann de na fáthanna nach n-éireoidh mé le clibeanna béime.
Cúis eile chun an "dúbailt seo" a sheachaint ná chun críocha stíle. Aon bhéim amháin má bhíonn sé de ghnáth go leor chun an ton is mian leat a shocrú. Ní gá duit téacs a dhéanamh go trom, a chodáil, a dhaingniú, a mhéadú, agus téacs a threorú chun go mbeidh sé in ann seasamh amach. Beidh an téacs sin, na cineálacha éagsúla béime sin, a bheith garish. Mar sin, a bheith cúramach nuair atá tú ag úsáid clibeanna béime nó stíleanna CSS chun béim a chur ar fáil agus ní gá duit é a tharraingt siar.
Nóta ar Tromta agus Iodáilis
Smaoineamh deiridh amháin - cé nach moltar na clibeanna troma () agus iodálach () a thuilleadh mar eilimintí béime, tá roinnt dearthóirí gréasáin a úsáideann na clibeanna seo chun stíleanna téacs inlíne a stíl. Go bunúsach, úsáideann siad é mar eilimint . Tá sé seo deas toisc go bhfuil na clibeanna an-ghearr, ach níl moltar go ginearálta ag baint úsáide as na heilimintí seo sa tslí seo. Luaigh mé sa chás go bhfeiceann tú é ar roinnt suíomhanna a n-úsáidtear gan téacs trom nó téacs iodálach a chruthú, ach le Hook CSS a chruthú do chineál éigin eile de stíl amhairc.
Airteagal bunaidh le Jennifer Krynin. Arna eagarthóireacht ag Jeremy Girard ar 12/2/16.