De réir CSS nó Bileoga Stíl Cascáideacha a dhearbhaíonn stíl amhairc agus leagan amach an láithreáin. Is iad seo na doiciméid a chruthaíonn marcáil HTML leathanach gréasáin, ag cur treoracha gréasáin ar fáil maidir le conas na leathanaigh a eascraíonn as an marcáil sin a thaispeáint. Láimhseálann CSS leagan amach leathanach, chomh maith le dath, íomhánna cúlra, clóghrafóireacht agus an oiread sin eile.
Má fhéachann tú ar chomhad CSS, feicfidh tú gur cosúil le haon teanga marcála nó códaithe, tá comhréireacht shonrach ag na comhaid seo. Tá roinnt rialacha CSS comhdhéanta de gach bileog stíl. Is iad na rialacha seo, nuair a dhéantar iad go hiomlán, na stíleanna atá ar an suíomh.
Na codanna de Riail CSS
Tá dhá chuid ar leith ag riail CSS - an roghnóir agus an dearbhú. Cinneann an roghnóir an méid atá á stíliú ar leathanach agus is é an dearbhú conas ba chóir é a stíl. Mar shampla:
p {
dath: # 000;
}
Riail CSS é seo. Is é an chuid roghnóra an "p", arb é atá ina roghnóir eilimintí do "míreanna". Roghnaigh, dá bhrí sin, míreanna GACH ar shuíomh agus tabhair an stíl seo dóibh (mura bhfuil míreanna ann a bhfuil spriocanna níos sainiúla acu in áit eile i do cháipéis CSS).
An chuid den riail a deir "dath: # 000;" is é an dearbhú a thugtar air. Tá dhá phíosa sa dearbhú sin - an mhaoin agus an luach.
Is é an mhaoin an píosa "dath" den dearbhú seo. Deir sé an ghné den roghnóir a athrófar ar amhairc.
Is é an luach a athrófar an mhaoin CSS roghnaithe. In ár sampla, táimid ag baint úsáide as luach heicteár # 000, arb é an lámhscríbhinn CSS atá ann le haghaidh "dubh".
Mar sin, ag baint úsáide as an riail CSS seo, bheadh míreanna ar ár leathanach i gcló-dath dubh.
Bunghnéithe Maoine CSS
Nuair a scríobhann tú airíonna CSS, ní féidir leat iad a dhéanamh suas mar is cuí leat. Maidir le cásanna, is é "dath" maoin CSS iarbhír, ionas gur féidir leat é a úsáid. Is éard atá sa mhaoin seo a chinneann dath téacs eilimint. Má rinne tú "téacs-dath" nó "cló-dath" a úsáid mar airíonna CSS, theipfeadh siad seo toisc nach páirteanna iarbhír den teanga CSS iad.
Sampla eile is ea an "cúl-íomhá" maoin. Leagann an mhaoin seo íomhá ar féidir a úsáid le haghaidh cúlra, mar seo:
.logo {
background-image: url (/images/company-logo.png);
}
Má rinne tú "pictiúr cúlra" nó "cúlra-grafach" a úsáid mar mhaoin, theipeann orthu toisc nach bhfuil airíonna CSS iarbhír acu seo arís.
Roinnt Airíonna CSS
Tá roinnt maoine CSS ann gur féidir leat úsáid a bhaint as suíomh a stíl. Seo a leanas roinnt samplaí:
- Teorann (lena n-áirítear stíl teorann, dath teorann agus leithead teorann)
- Paddáil (lena n-áirítear barr-stuáil, ceart-stuála, bun-stuála, agus clóstha-chlé)
- Margins (lena n-áirítear imeall-barr, imeall-dheis, bun imeall, agus imeall-chlé)
- Cló-theaghlach
- Méid cló
- Cúlra-dath
- Leithead
- Airde
Is iad na hairíonna CSS seo na cinn iontach le húsáid mar shamplaí, toisc go bhfuil siad uile an-simplí agus, fiú mura bhfuil CSS ar eolas agat, is dócha gur féidir leat buille faoi thuairim a dhéanamh ar an méid a dhéanann siad bunaithe ar a n-ainmneacha.
Tá airíonna CSS eile ann go dtiocfaidh ort chomh maith nach féidir a bheith chomh soiléir ar conas a oibríonn siad bunaithe ar a n-ainmneacha:
- Snámhphointe
- Geal
- Overflow
- Téacs-athrú
- Z-innéacs
De réir mar a gheobhaidh tú níos doimhne i ndearadh gréasáin, beidh tú ag teacht (agus úsáid) na hairíonna go léir agus níos mó!
Riachtanais Spriocanna Riachtanais
Gach uair a úsáideann tú maoin, caithfidh tú luach a thabhairt dó - agus ní féidir le hairíonna áirithe ach luachanna áirithe a ghlacadh.
Sa chéad sampla den mhaoin "dath", ní mór dúinn luach dath a úsáid. D'fhéadfadh sé seo a bheith ina luach heicteár , luach RGBA, nó eochairfhocail dath . D'oibrigh aon cheann de na luachanna sin, áfach, má d'úsáid tú an focal "gruama" leis an maoin seo, ní dhéanfadh sé rud ar bith mar gheall ar thuairisciú mar a d'fhéadfadh an focal sin a bheith, ní luach aitheanta é i CSS.
Ár dara sampla de "íomhá cúlra" ní mór cosán íomhá a úsáid chun íomhá iarbhír a fháil ó chomhaid do shuíomh. Is é seo an luach / comhréir atá de dhíth.
Tá luachanna ag gach maoin CSS a bhfuil siad ag súil leo. Mar shampla:
- Tá dath dath ag teorainn le dath
- Tá luach sizing ag baint le méid na teorann, cosúil le picteilíní nó céatadáin
- Tá stíleanna teorann ag súil le ceann de na stíleanna forchoimeádta a úsáidtear don mhaoin seo, cosúil le "soladach"
Má théann tú trí liosta na n-airíonna CSS, feicfidh tú go bhfuil luachanna sonracha ag gach ceann acu a úsáidfidh siad chun na stíleanna atá beartaithe acu a chruthú.
Arna eagarthóireacht ag Jeremy Girard