Defnyddio Safle CSS Wide
Mae gwefannau yn gyfuniad o arddull a strwythur, ac ar y we heddiw, mae'n arfer gorau i gadw'r ddwy agwedd hon ar safle ar wahân i'w gilydd.
HTML oedd bob amser sy'n darparu safle gyda'i strwythur. Yn ystod dyddiau cynnar y We, roedd HTML hefyd yn cynnwys gwybodaeth arddull. Cafodd elfennau fel y tag eu littered ar draws y cod HTML, gan ychwanegu edrych a theimlo gwybodaeth ochr yn ochr â gwybodaeth strwythurol. Gwnaeth y mudiad safonau gwe ein gwthio i newid yr arfer hwn ac yn hytrach, gwthio pob gwybodaeth arddull i CSS neu Daflenni Arddull Cascading. Gan gymryd hyn gam ymhellach, yr argymhellion cyfredol yw eich bod yn defnyddio'r hyn a elwir yn "ddalen arddull allanol" ar gyfer anghenion eich gwefan.
Manteision ac Anfanteision Taflenni Arddull Allanol
Un o'r pethau gorau am Cascading Style Sheets yw y gallwch eu defnyddio i gadw'ch safle cyfan yn gyson. Y ffordd hawsaf o wneud hyn yw cysylltu neu fewnforio dalen arddull allanol . Os ydych chi'n defnyddio'r un ddalen arddull allanol ar gyfer pob tudalen o'ch gwefan, gallwch fod yn sicr y bydd yr holl arddulliau ar yr holl dudalennau. Gallwch hefyd ei gwneud yn haws i wneud newidiadau i'r dyfodol. Gan fod pob tudalen yn defnyddio'r un ddalen arddull allanol, bydd unrhyw newid i'r daflen honno yn effeithio ar bob tudalen safle. Mae hyn yn llawer gwell na gorfod newid pob tudalen yn unigol!
Manteision Taflenni Arddull Allanol
- Gallwch reoli golwg a theimlad nifer o ddogfennau ar unwaith.
- Mae hyn yn arbennig o ddefnyddiol os ydych chi'n gweithio gyda thîm o bobl i greu eich gwefan. Gall fod yn anodd cofio llawer o reolau arddull, ac er y bydd gennych ganllaw arddull argraffedig, mae'n aneffeithlon ac yn anffodus ei bod yn troi ati'n barhaus i benderfynu a yw testun yn cael ei ysgrifennu mewn 12 pwynt Ffont ffrynt, neu negesydd 14 pwynt. Drwy gael popeth mewn un lle, ac ers hynny, lle y byddech chi'n gwneud newidiadau, gallwch wneud gwaith cynnal a chadw yn llawer haws.
- Gallwch greu dosbarthiadau o arddulliau y gellir eu defnyddio wedyn ar lawer o wahanol elfennau HTML .
- Os ydych yn aml yn defnyddio arddull ffont penodol i roi pwyslais ar wahanol bethau ar eich tudalen, gallwch ddefnyddio priodoldeb dosbarth a osodwyd gennych yn eich dalen arddull i gael yr olwg hwn a'i deimlo, yn hytrach na diffinio arddull benodol ar gyfer pob enghraifft o'r pwyslais.
- Gallwch chi hawdd grwpio'ch arddulliau i fod yn fwy effeithlon.
- Gellir defnyddio'r holl ddulliau grwp sydd ar gael i CSS mewn taflenni arddull allanol, ac mae hyn yn rhoi mwy o reolaeth a hyblygrwydd i chi ar eich tudalennau.
Anfanteision Taflenni Arddull Allanol
- Gall taflenni arddull allanol gynyddu'r amser lawrlwytho, yn enwedig os ydynt yn eithriadol o fawr. Gan fod y ffeil CSS yn ddogfen ar wahân y mae'n rhaid ei lwytho, bydd yn effeithio ar berfformiad i berfformio y llwytho i lawr.
- Mae taflenni arddull allanol yn mynd yn gyflym iawn gan ei fod yn anodd dweud pryd nad yw arddull bellach yn cael ei ddefnyddio oherwydd na chaiff ei ddileu pan fydd y dudalen yn cael ei ddileu. Mae rheoli'ch ffeiliau CSS yn briodol yn bwysig, yn enwedig os yw lluosog o bobl yn gweithio ar yr un ffeil.
- Os mai dim ond gwefan un dudalen sydd gennych, efallai na fydd angen ffeil allanol ar gyfer CSS gan mai dim ond yr un dudalen sydd gennych i arddull. Mae llawer o fanteision CSS allanol yn cael eu colli pan nad oes gennych un wefan yn unig.
Sut i Creu Taflen Arddull Allanol
Crëir taflenni arddull allanol gyda chystrawen tebyg i daflenni arddull lefel dogfennau. Fodd bynnag, y cyfan sydd angen i chi ei gynnwys yw'r detholydd a'r datganiad. Yn union fel mewn dalen arddull lefel dogfen, y cystrawen ar gyfer rheol yw:
dewiswr {eiddo: gwerth;}Cadwch y rheolau hyn i mewn i ffeil testun gyda'r estyniad .css. Nid oes angen hyn, ond mae'n arfer da mynd i mewn, fel y gallwch chi adnabod eich taflenni arddull mewn rhestr o gyfeirlyfrau ar unwaith.
Unwaith y bydd gennych ddogfen ddalen arddull, mae angen i chi ei gysylltu â'ch tudalennau Gwe . Gellir gwneud hyn mewn dwy ffordd:
- Cysylltu
- Er mwyn cysylltu dolen arddull, rydych chi'n defnyddio'r tag HTML. Mae hyn yn meddu ar y nodweddion dibynnu , math , a href . Mae'r briodoli yn dweud beth rydych chi'n cysylltu (yn y daflen arddull hon yn yr achos hwn), mae'r math yn diffinio'r MIME-Type ar gyfer y porwr, a'r href yw'r llwybr i'r ffeil .css.
- Mewnforio
- Byddech yn defnyddio daflen arddull wedi'i fewnforio o fewn taflen arddull lefel dogfen fel y gallwch fewnforio priodoleddau dalen arddull allanol tra nad yw'n colli unrhyw ddogfennau penodol. Rydych chi'n ei alw mewn ffordd debyg i alw dalen arddull gysylltiedig, ond mae'n rhaid ei alw o fewn datganiad arddull lefel dogfen. Gallwch chi mewnforio cymaint o daflenni arddull allanol gan fod angen i chi gynnal eich gwefan.
Erthygl wreiddiol gan Jennifer Krynin. Golygwyd gan Jeremy Girard ar 8/8/17