Mae CSS (Cascading Style Sheets) yn pennu golwg a theimlad, neu "arddull gwefan". Ffeil yw hon y byddwch yn ei ychwanegu at gyfeiriadur eich gwefan a fydd yn cynnwys y gwahanol reolau CSS sy'n creu dyluniad gweledol a gosodiad eich tudalennau.
Er y gall safleoedd ddefnyddio, ac yn aml, gall ddefnyddio taflenni arddull lluosog, nid oes angen gwneud hynny. Gallwch chi osod eich holl reolau CSS i mewn i un ffeil, ac mae yna fuddion gwirioneddol i wneud hynny, gan gynnwys amser llwytho yn gyflymach a pherfformiad tudalennau gan nad oes raid iddynt gael ffeiliau lluosog. Er y gall safleoedd fenter fawr fod ar gael ar weithiau arddull ar wahân ar brydiau, gall llawer o safleoedd bach i ganolig wneud yn berffaith iawn gydag un ffeil yn unig. Dyma'r hyn rwy'n ei ddefnyddio ar gyfer y rhan fwyaf o'm gwaith dylunio gwe - un ffeiliau CSS gyda'r holl reolau sydd angen ar fy nhudalennau. Felly mae'r cwestiwn yn dod yn awr - beth ddylech chi enwi'r ffeil CSS hon?
Hanfodion y Confensiwn Enwi
Pan fyddwch yn creu dalen arddull allanol ar gyfer eich tudalennau gwe, dylech enwi'r ffeil yn dilyn confensiynau enwi tebyg ar gyfer eich ffeiliau HTML:
Peidiwch â Defnyddio Cymeriadau Arbennig
Dylech ond ddefnyddio'r llythrennau az, rhifau 0-9, tanlinellu (_), a chysylltiadau (-) yn eich enwau ffeiliau CSS. Er y gall eich system ffeiliau eich galluogi i greu ffeiliau gyda chymeriadau eraill ynddynt, efallai y bydd gan eich OS gweinyddwr broblemau gyda chymeriadau arbennig. Rydych yn fwy diogel gan ddefnyddio'r cymeriadau a grybwyllir yma yn unig. Wedi'r cyfan, hyd yn oed os yw eich gweinydd yn caniatáu cymeriadau arbennig, efallai na fydd yn wir os byddwch yn penderfynu symud darparwyr cynnal yn y dyfodol.
Peidiwch â Defnyddio Unrhyw Fannau
Yn union fel gyda chymeriadau arbennig, gall lleoedd achosi problemau ar eich gweinydd gwe. Mae'n syniad da eu hosgoi yn eich enwau ffeiliau. Rwyf hyd yn oed yn ei gwneud yn bwynt i enwi ffeiliau fel PDFs gan ddefnyddio'r un confensiynau hyn, rhag ofn y bydd angen iddynt eu hychwanegu at wefan. Os ydych chi'n teimlo bod angen lle arnoch i wneud yr enw ffeil yn haws ei ddarllen, dewiswch gysylltiadau neu danysgrifio yn lle hynny. Am enghreifftiau, yn hytrach na defnyddio "dyma'r ffeil.pdf" Byddwn yn defnyddio "this-is-the-file.pdf".
Dylai'r Enw Ffeil Dechrau Gyda Llythyr
Er nad yw hyn yn ofyniad absoliwt, mae gan rai systemau drafferth gydag enwau ffeiliau nad ydynt yn dechrau gyda llythyr. Er enghraifft, os ydych chi'n dewis cychwyn eich ffeil gyda chymeriad rhif, gall hyn achosi problemau.
Defnyddiwch yr holl Achos Is
Er nad oes angen hyn ar gyfer enw ffeil, mae'n syniad da, gan fod rhai gweinyddwyr gwe yn sensitif i achos, ac os ydych chi'n anghofio a chyfeirio'r ffeil mewn achos gwahanol, ni fydd yn llwytho. Yn fy ngwaith fy hun, yr wyf yn defnyddio cymeriadau achos is ar gyfer pob enw ffeil. Rwyf wedi canfod bod hwn yn rhywbeth y mae llawer o ddylunwyr gwe newydd yn ei chael hi'n anodd ei gofio. Eu gweithred ddiffygiol wrth enwi ffeil yw manteisio ar gymeriad cyntaf yr enw. Osgoi hyn a mynd i mewn i arfer cymeriadau llai yn unig.
Cadwch y Ffeil Enw mor Fyr ag y bo modd
Er bod cyfyngiad o faint enw ffeiliau ar y rhan fwyaf o systemau gweithredu, mae'n llawer hirach nag sy'n rhesymol i enw ffeil CSS. Nid yw rheol da yn fwy na 20 nod ar gyfer yr enw ffeil heb gynnwys yr estyniad. Yn realistig, mae unrhyw beth sy'n llawer mwy na hynny yn anhyblyg i weithio gyda hi a chysylltu ag unrhyw beth!
Y Rhan fwyaf Pwysig o'ch Enw Ffeil CSS
Y rhan bwysicaf o enw ffeil CSS yw enw'r ffeil ei hun, ond yr estyniad. Nid oes angen estyniadau ar systemau Macintosh a Linux, ond mae'n syniad da cynnwys un beth bynnag wrth ysgrifennu ffeil CSS. Fel hynny, byddwch bob amser yn gwybod ei fod yn ddalen arddull ac nid oes rhaid i chi agor y ffeil i benderfynu beth yw yn y dyfodol.
Mae'n debyg nad yw'n syndod mawr, ond dylai'r estyniad ar eich ffeil CSS fod:
.cssConfensiynau Enwi Ffeiliau CSS
Os mai dim ond un ffeil CSS fydd gennych chi ar y safle, gallwch ei enwi beth bynnag yr hoffech. Mae'n well gennyf naill ai:
styles.css neu default.cssGan fod y rhan fwyaf o'r safleoedd yr wyf yn gweithio arnynt yn cynnwys ffeiliau CSS sengl, mae'r enwau hyn yn gweithio'n dda i mi.
Os bydd eich gwefan yn defnyddio ffeiliau CSS lluosog, enwch y taflenni arddull ar ôl eu swyddogaeth felly mae'n glir yn union beth yw diben pob ffeil. Gan fod tudalen We wedi cael llu o daflenni arddull ynghlwm wrthynt, mae'n helpu rhannu eich arddulliau i wahanol daflenni yn dibynnu ar swyddogaeth y daflen honno a'r arddulliau ynddo. Er enghraifft:
- Layout vs Design layout.css design.css
- Tudalennau main.css nav.css
- Safle gyfan gydag is-adrannau mainstyles.css subpage.css
Os yw'ch gwefan yn defnyddio fframwaith o ryw fath, fe fyddwch yn debygol o sylwi ei fod yn defnyddio ffeiliau CSS lluosog, pob un wedi'i neilltuo i wahanol dogn o'r tudalennau neu agweddau ar y wefan (typograffeg, lliw, cynllun, ac ati).
Erthygl wreiddiol gan Jennifer Krynin. Golygwyd gan Jeremy Girard ar 9/5/17