Buntáistí Bileoga Stíl Cascáideacha

Faigh na fíricí leis an gcúrsa gairid CSS seo

Tá go leor buntáistí ag bileoga stíl choscánaithe. Tugann siad deis duit an bhileog stíl chéanna a úsáid ar do láithreán gréasáin ar fad. Tá dhá bhealach ann seo a dhéanamh:

  1. ag nascadh leis an eilimint NASC
  2. allmhairiú leis an ordú @import
    1. @import url ('http://www.yoursite.com/styles.css');

Buntáistí agus Míbhuntáistí Bileoga Stíl Sheachtracha

Is é ceann de na rudaí is fearr maidir le bileoga stíl cascáideacha gur féidir leat iad a úsáid chun do shuíomh a choinneáil comhsheasmhach. Is é an bealach is éasca é seo a dhéanamh ná bileog stíl seachtrach a nascadh nó a allmhairiú. Má úsáideann tú an bhileog stíl seachtrach céanna do gach leathanach de do shuíomh, is féidir leat a bheith cinnte go mbeidh na stíleanna céanna ag gach leathanach.

Áirítear ar chuid de na buntáistí a bhaineann le húsáid bileoga stíle seachtracha gur féidir leat breathnú ar mhothaigh agus mothú roinnt cáipéisí ag an am céanna. Tá sé seo úsáideach go háirithe má oibríonn tú le foireann daoine chun do shuíomh gréasáin a chruthú. Is deacair cuimhneamh a dhéanamh ar go leor rialacha stíl, agus cé go bhféadfadh tú treoir stíl chlóite a bheith agat, ní mór dó a bheith ag smeach trína chéile i gcónaí chun a chinneadh an bhfuil an téacs mar shampla le scríobh i gcló 12 phointe Arial nó 14 cúiréire.

Is féidir leat ranganna stíleanna a chruthú ar féidir iad a úsáid ansin ar go leor eilimintí HTML éagsúla. Má úsáideann tú cló speisialta Wingdings go minic chun béim a thabhairt ar rudaí éagsúla ar do leathanach, is féidir leat an rang Wingdings a chuir tú ar bun i do bhileog stíl a úsáid chun iad a chruthú seachas stíl shonrach a shainmhíniú do gach cás den bhéim.

Is féidir leat do stíleanna a ghrúpáil a bheith níos éifeachtaí. Is féidir na modhanna grúpála go léir atá ar fáil do CSS a úsáid i mbileoga stíle seachtracha, agus soláthraíonn sé seo níos mó rialaithe agus solúbthachta duit ar do leathanaigh.

Dúirt sé sin, tá cúiseanna an-mhaith ann gan bileoga stíl sheachtracha a úsáid. Ar cheann amháin, is féidir leo an t-am íoslódála a mhéadú má tá tú ag nascadh le go leor acu.

Gach uair a chruthaíonn tú comhad CSS nua agus a nascann tú nó é a allmhairiú isteach i do dhoiciméad, a éilíonn an bhrabhsálaí Gréasáin glao eile a dhéanamh chuig an fhreastalaí Gréasáin chun an comhad a fháil. Agus glaonna ar fhreastalaí luchtú síos amanna ualach.

Mura bhfuil líon beag stíleanna agat, is féidir leo cur le casta do leathanach.
Toisc nach bhfuil na stíleanna le feiceáil ceart sa HTML, ní mór do dhuine ar bith atá ag breathnú ar an leathanach doiciméad eile (an comhad CSS) a fháil amach cad atá ar siúl.

Conas Bileog Stíl Seachtrach a Chruthú

Scríobhtar bileoga stíl seachtracha ar an gcaoi chéanna le bileoga leabaithe agus inlíonta stíl. Ach is gá go léir a scríobh tú an roghnóir stíl agus an dearbhú . Ní gá gné nó tréith STÍL a bheith agat sa doiciméad.

Mar atá le gach CSS eile, is é an chomhréir le haghaidh riail ná:

roghnóir {maoin: luach; }

Scríobhtar na rialacha seo chuig comhad téacs leis an síneadh. Css. Mar shampla, b'fhéidir go n-ainmníonn tú do stíl stíl stíl.css.

Nuair atá doiciméad bileog stíl agat, caithfidh tú é a nascadh le do leathanaigh Ghréasáin. Mar a luadh mé thuas, déantar é seo ar dhá bhealach.

Doiciméid CSS a Nascadh

Chun bileog stíl a nascadh, úsáideann tú an eilimint NASC. Tá na tréithe tréithe agus href. Insíonn an tréith saint leis an bhrabhsálaí cad tá tú ag nascadh (sa bhileog stíl sa chás seo) agus go bhfuil an tréith href ag gabháil leis an gcomhad CSS.

Tá cineál tréith roghnach ann freisin gur féidir leat úsáid a bhaint as cineál MIME an doiciméid nasctha a shainmhíniú. Ní gá é seo a dhéanamh i HTML5, ach ba cheart é a úsáid i gcáipéisí HTML 4.

Seo an cód a mbainfeá leat chun bileog stíl CSS a cheangal ar styles.css ar a dtugtar:

Agus i gcáipéis HTML 4, scríobhfeadh tú:

type = "text / css" >

Bileoga Stíl CSS a Iompórtáil

Cuirtear bileoga stíl allmhairithe laistigh den eilimint STYLE. Ansin is féidir leat stíleanna leabaithe a úsáid chomh maith más maith leat. Is féidir leat stíleanna allmhairithe a áireamh taobh istigh de bhileoga stíl nasctha. Taobh istigh den doiciméad STÍL nó CSS, scríobh:

@import url ('http://www.yoursite.com/styles.css');