Na 3 Chineál Stíleanna CSS a thuiscint

Bileoga línelíne, leabaithe, agus seachtrach: Seo a theastaíonn uait a fháil

Is minic a léirítear forbairt láithreán gréasáin deireadh mar stól 3-chosged. Seo a leanas na cosa seo:

Is é an dara cos den stól seo, CSS nó Cascading Style Sheets ná an méid atá á lorg againn anseo inniu. Go sonrach, ba mhaith linn aghaidh a thabhairt ar na 3 chineál stíleanna is féidir leat a chur le doiciméid.

  1. Stíleanna inlíne
  2. Stíleanna leabaithe
  3. Stíleanna seachtracha

Tá na buntáistí agus na míbhuntáistí ag gach ceann de na cineálacha seo de stíleanna CSS, mar sin déanfaimid breathnú níos doimhne ar gach ceann acu ina n-aonar.

Stíleanna Inlíne

Stíleanna inlíne iad stíleanna atá scríofa go díreach sa chlib sa doiciméad HTML. Bíonn tionchar ag stíleanna inlíne ach ar an gclib sonrach a gcuirtear i bhfeidhm iad. Seo sampla de stíl inlíne a chuirtear i bhfeidhm ar nasc caighdeánach, nó ar ancaire, ar chlib:

Leis an riail CSS seo, cuirfeadh an caighdeán le maisiú téacs ar an nasc amháin seo. Níorbh fhéidir, áfach, aon nasc eile a athrú ar an leathanach. Seo ceann de na teorainneacha a bhaineann le stíleanna inlíne. Ós rud é go n-athraíonn siad ach ar mhír shonrach, bheadh ​​ort do HTML a bhruscar leis na stíleanna seo chun dearadh iarbhír leathanach a bhaint amach. Ní dea-chleachtas é sin. Go deimhin, is céim amháin é a bhaint as laethanta clibeanna "cló" agus an meascán de struchtúr agus stíl i leathanaigh ghréasáin.

Tá sainiúlacht an-ard ag stíleanna inlíne freisin.

Déanann sé seo an-deacair iad a scríobh le stíleanna eile neamh-inlíne. Mar shampla, más mian leat suíomh a dhéanamh freagrúil agus athrú a dhéanamh ar an gcaoi a bhreathnaíonn gné ar phointí áirithe trí cheisteanna na meáin a úsáid, déanfaidh stíleanna inlíne ar ghné seo an-deacair a dhéanamh.

I ndeireadh na dála, níl na stíleanna inlíne i bhfeidhm ach amháin nuair a úsáidtear iad go gann.

Go deimhin, is annamh a dhéanaim úsáid as stíleanna inlíne ar mo chuid leathanach gréasáin.

Stíleanna Leabaithe

Tá stíleanna leabaithe stíleanna atá leabaithe i gceann an doiciméid. Bíonn tionchar ag stíleanna leabaithe ach na clibeanna ar an leathanach atá siad leabaithe. Arís eile, déantar an cur chuige seo a dhiúltú ar cheann de na láidreachtaí CSS. Ós rud é go mbeadh stíleanna sa

, má theastaigh uait athrú ar fud na tíre a dhéanamh, cosúil le dath naisc ó dhearg go glas a athrú, ní mór duit an t-athrú seo a dhéanamh ar gach leathanach, ós rud é go n-úsáideann gach leathanach bileog stíle leabaithe. Tá sé seo níos fearr ná stíleanna inlíne, ach tá sé fós fadhbanna i go leor cásanna.

Na bileoga stíleanna a chuirtear leis an

de dhoiciméad chomh maith méid suntasach de cód marcála a chur leis an leathanach sin, rud a d'fhéadfadh an leathanach a dhéanamh níos deacra a bhainistiú sa todhchaí.

Is é an tairbhe a bhaineann le bileoga stíl leabaithe ná an t-ualach láithreach leis an leathanach féin, seachas go n-éilítear comhaid seachtracha eile a luchtú. Is féidir leas a bhaint as seo ó thaobh luas agus feidhmíochta a íoslódáil .

Bileoga Stíl Seachtracha

Úsáidtear an chuid is mó de na suíomhanna idirlín inniu le bileoga stíl seachtracha. Stíleanna seachtracha iad atá i scríbhinn i gcáipéis ar leith agus ansin iad ceangailte le cáipéisí gréasáin éagsúla. Is féidir le bileoga stíl seachtracha difear a dhéanamh ar aon doiciméad a bhfuil siad ag gabháil leo, rud a chiallaíonn go bhfuil láithreán gréasáin 20 leathanach agat i gcás ina n-úsáideann gach leathanach an bhileog stíl chéanna (is é seo de ghnáth conas a dhéantar é), is féidir leat athrú amhairc a dhéanamh ar gach ceann de na leathanaigh sin trí eagarthóireacht a dhéanamh ar an mbileog stíl sin.

Déanann sé seo bainistíocht láithreán fadtéarmach i bhfad níos éasca.

Is é an easpa le bileoga stíle seachtracha ná go dteastaíonn leathanaigh na comhaid seachtracha seo a fháil agus a luchtú. Ní úsáidfidh gach leathanach gach stíl sa bhileog CSS, beidh leathanach CSS i bhfad níos mó á luchtú mar sin de dhíth ar na leathanaigh sin.

Cé go bhfuil sé fíor go bhfuil buaic feidhmíochta ann do chomhaid seachtracha CSS, is féidir é a íoslaghdú go cinnte. Go réalaíoch, is iad comhaid CSS ach comhaid téacs, agus mar sin níl siad an-mhór le tosú. Má úsáideann an láithreán ar fad 1 chomhad CSS, gheobhaidh tú tairbhe an doiciméid sin a thaisceadh tar éis é a luchtú ar dtús.

Ciallaíonn sé seo go bhféadfadh roinnt cuairteanna a bheith buailte ar fheidhmíocht áirithe ar an gcéad leathanach, ach úsáidfidh na leathanaigh ina dhiaidh sin an comhad CSS taisce, agus mar sin bheadh ​​aon bhuail ann. Is iad comhaid CSS seachtracha conas a thógfaidh mé mo chuid faisnéise uile.