Conas Oibreacha Oidhreachta CSS i gCáipéisí Gréasáin

Is cuid thábhachtach de stíliú láithreán gréasáin le CSS tuiscint a fháil ar choincheap na hoidhreachta.

Déantar oidhreacht CSS a shainiú go huathoibríoch trí stíl na maoine atá á n-úsáid. Nuair a fhéachann tú suas ar chúl-dath na maoine stíl, feicfidh tú alt dar teideal "Oidhreacht". Más cosúil leat an chuid is mó de na dearthóirí gréasáin, níor thug tú neamhaird don chuid sin, ach is é cuspóir atá ann.

Cad é Oidhreacht CSS?

Tá gach eilimint i gcáipéis HTML mar chuid de chrann agus tá gach eilimint ag gach eilimint ach amháin an eilimint tosaigh a chuimsíonn sé. Is cuma cad iad na stíleanna a chuirtear i bhfeidhm ar an máthairghné sin is féidir iad a chur i bhfeidhm ar na heilimintí atá faoi iamh ann má tá na hairíonna ar féidir iad a fháil.

Mar shampla, tá cliceáil H1 ag an gcód HTML seo thíos ag clúdach EM:

Is é seo Mór Ceannlíne

Is leanbh í an eilimint EM den eilimint H1, agus déanfar aon stíleanna ar an H1 a bheidh oidhreachta a chur ar aghaidh chuig téacs EM chomh maith. Mar shampla:

h1 {font-size: 2em; }

Ós rud é go bhfuil an mhaoin chlómhéid oidhreachta, is é an téacs a deir "Big" (a bhfuil an méid atá faoi iamh taobh istigh de na clibeanna EM) an méid céanna leis an gcuid eile den H1. Tá sé seo mar gheall ar an luach atá leagtha síos i maoin CSS a fhorghníomhú.

Conas Oidhreacht CSS a Úsáid

Is é an bealach is éasca é a úsáid chun bheith i dteagmháil leis na hairíonna CSS atá agus nach bhfuil oidhreacht orthu. Má tá an mhaoin oidhreacht, ansin tá a fhios agat go bhfanfaidh an luach mar an gcéanna le haghaidh gach eilimint leanaí sa doiciméad.

Is é an bealach is fearr chun é seo a úsáid ná do chuid stíleanna bunúsacha a leagan síos ar eilimint an-ard, cosúil leis an gCOMHLACHT. Má shocraíonn tú do chló-theaghlach ar mhaoin an chomhlachta, ansin, buíochas leis an oidhreacht, coimeádfaidh an doiciméad ar fad an cló-theaghlach céanna. Déanfaidh sé seo i ndáiríre bileoga stíle níos lú atá níos éasca a bhainistiú toisc go bhfuil níos lú stíleanna iomlána ann. Mar shampla:

body {font-family: Arial, sans-serif; }

Bain úsáid as an Luach Stíl Oidhreachta

Áirítear ar gach maoin CSS an luach "hoidhreacht" mar rogha féideartha. Insíonn sé seo an bhrabhsálaí Gréasáin, fiú amháin más rud é nach n-oidhreofaí an mhaoin de ghnáth, ba cheart go mbeadh an luach céanna leis an tuismitheoir. Má shocraíonn tú stíl cosúil le corrlach nach bhfuil oidhreachta agat, is féidir leat luach an oidhreachta a úsáid ar airíonna ina dhiaidh sin chun an corrlach céanna a thabhairt dóibh mar an tuismitheoir. Mar shampla:

comhlacht {corrlach: 1em; } p {margin: inherit; }

Úsáidí Oidhreachta Luachanna Ríomhaithe

Tá sé seo tábhachtach do luachanna oidhreachta cosúil le méideanna cló a úsáideann fad. Is luach é luach ríomh atá i gcoibhneas le luach eile ar an leathanach Gréasáin.

Má leagann tú clómhéid 1em ar d'eilimint COMHLACH, ní bheidh gach leathanach 1em i méid ar fad. Tá sé seo mar gheall ar eilimintí cosúil le ceannteidil (H1-H6) agus eilimintí eile (cuid de na brabhsálaithe a ríomh airíonna tábla difriúil) go bhfuil méid coibhneasta acu sa bhrabhsálaí Gréasáin. In éagmais faisnéise eile ar fhlómhéid, déanfaidh an brabhsálaí Gréasáin ceannlíne H1 i gcónaí an téacs is mó ar an leathanach, agus ansin H2 agus mar sin de. Nuair a shocraíonn tú d'eilimint COMHLACHTA ar chlómhéid ar leith, déantar é sin a úsáid mar an gclómhéid "meánmhéide", agus déantar na heilimintí ceannlíne a ríomh as sin.

Nóta faoi Oidhreacht agus Airíonna Cúlra

Tá roinnt stíleanna nach bhfuil liostaithe i seilbh CSS 2 ar an W3C, ach tá na luachanna fós ag na brabhsálaithe Gréasáin. Mar shampla, má scríobh tú na HTML agus CSS seo a leanas: