Se gade ak santi, oswa "style" nan yon sit entènèt dikte pa CSS (Cascading Style Sheets). Sa a se yon dosye ou pral ajoute nan anyè sit entènèt ou a ki pral gen ladan règleman yo CSS divès kalite ki kreye konsepsyon an vizyèl ak layout nan paj ou a.
Pandan ke sit ka itilize, epi souvan fè, sèvi ak fèy papye style miltip, li pa nesesè yo fè sa. Ou ka mete tout règleman CSS ou yo nan yon dosye, epi gen aktyèlman benefis yo fè sa, ki gen ladan pi vit chaj tan ak pèfòmans nan paj depi yo pa bezwen chache dosye miltip. Pandan ke gwo anpil, antrepriz sit ka bezwen fèy style separe nan fwa, anpil ti nan sit medyom ka fè parfe amann ak dosye jis yon sèl. Sa a se sa mwen itilize pou pi fò nan travay konsepsyon entènèt mwen an - yon sèl dosye CSS ak tout règleman yo paj mwen an bezwen. Se konsa, kesyon an kounye a vin - ki sa ou ta dwe non sa a dosye CSS?
Nonmen Konvansyon Prensip Fondamantal nan
Lè ou kreye yon fèy estil ekstèn pou paj entènèt ou, ou ta dwe nonmen dosye sa a ki annaprè konvansyon nonmen pou dosye HTML ou yo:
Pa sèvi ak karaktè espesyal
Ou ta dwe itilize sèlman lèt az yo, nimewo 0-9, souliye (_), ak sifle (-) nan non CSS ou. Pandan ke sistèm dosye ou ka pèmèt ou kreye dosye ak karaktè lòt nan yo, eksplwatasyon sèvè ou a ka gen pwoblèm ak karaktè espesyal. Ou se pi an sekirite lè l sèvi avèk sèlman karaktè yo mansyone isit la. Apre yo tout, menm si sèvè ou pèmèt pou karaktè espesyal, ki ka pa ka a si ou deside pou avanse pou pi hosting founisè nan lavni.
Pa sèvi ak nenpòt espas
Jis tankou ak karaktè espesyal, espas ka lakòz pwoblèm sou sèvè wèb ou. Li se yon bon lide pou fè pou evite yo nan non dosye ou yo. Mwen menm fè li yon pwen nan non dosye tankou pdf lè l sèvi avèk sa yo menm konvansyon, jis nan ka mwen janm bezwen ajoute yo nan yon sit entènèt. Si ou santi ou bezwen yon espas pou fè non an ranpli pi fasil pou li, chwazi pou sifle oswa submers olye. Pou egzanp, olye pou yo lè l sèvi avèk "sa a se file.pdf la" mwen ta itilize "sa a-se-the-file.pdf la".
Non File la ta dwe kòmanse avèk yon lèt
Pandan ke se pa yon egzijans absoli, gen kèk sistèm ki gen pwoblèm ak non dosye ki pa kòmanse ak yon lèt. Pa egzanp, si ou chwazi pou ou kòmanse dosye ou ak karaktè nimewo, sa ka lakòz pwoblèm.
Sèvi ak tout ka pi ba yo
Pandan ke sa a pa obligatwa pou yon fichier, li nan yon bon lide, tankou kèk serveurs entènèt yo ka sansib, epi si ou bliye ak referans dosye a nan yon ka diferan, li pa pral chaje. Nan pwòp travay mwen, mwen sèvi ak pi ba karaktè ka pou chak non dosye. Mwen te aktyèlman jwenn sa a yo dwe yon bagay ke anpil konsèpteur entènèt nouvo lit yo sonje fè. Aksyon default yo lè nonmen yon dosye se kapitalize karaktè a an premye nan non an. Evite sa a epi pou yo jwenn nan abitid la nan karaktè miniskil sèlman.
Kenbe non an File Kout ke posib
Pandan ke gen yon limit nan gwosè non dosye sou pifò sistèm opere, li se pi lontan pase ki rezonab pou yon non dosye CSS. Yon règ bon nan gwo pous se pa plis pase 20 karaktè pou non an dosye ki pa ekstansyon an. Reyalisèlman, anyen pi lontan pase sa se maladwa travay avèk ak ap mennen nan de tout fason!
Pati ki pi enpòtan nan non CSS File ou
Pati ki pi enpòtan nan non an dosye CSS se pa non an dosye tèt li, men ekstansyon an. Ekstansyon yo pa oblije sou Macintosh ak Linux sistèm, men li se yon bon lide yo enkli yon sèl de tout fason lè ou ekri yon dosye CSS. Nan fason sa a ou ap toujou konnen ke li nan yon fèy style epi yo pa gen yo louvri dosye a detèmine kisa li ye nan lavni an.
Li pwobableman pa yon sipriz gwo, men ekstansyon an sou dosye CSS ou ta dwe:
.cssCSS File Naming Konvansyon
Si ou sèlman ap janm gen yon sèl CSS dosye sou sit la, ou ka nonmen li tou sa ou renmen. Mwen pito swa:
styles.css oswa default.cssPaske pi fò nan sit sa yo mwen travay sou genyen ladan yo yon dosye CSS sèl, non sa yo travay byen pou mwen.
Si sit entènèt ou a pral itilize plizyè CSS dosye, non dra a style apre fonksyon yo pou li klè egzakteman ki sa bi pou chak dosye a. Depi yon paj entènèt ka gen plizyè kalite estil tache yo, li ede divize estil ou yo nan diferan dra ki depann sou fonksyon an nan fèy ak estil sa yo nan li. Pa egzanp:
- Layout vs Design layout.css design.css
- Page seksyon main.css nav.css
- Whole sit ki gen sub-seksyon mainstyles.css subpage.css
Si sit entènèt ou a sèvi ak yon kad nan kèk kalite, ou ap gen anpil chans remake ke li itilize dosye CSS miltip, chak dedye a pòsyon diferan nan paj yo oswa aspè nan sit la (tipografi, koulè, layout, elatriye).
Original atik pa Jennifer Krynin. Edited by Jeremy Girard sou 9/5/17