Awọn oju ati imọ, tabi "ara" ti oju-iwe ayelujara kan ti wa ni titẹ nipasẹ CSS (Awọn Ọpa Ikọja Cascading). Eyi jẹ faili kan ti o yoo fikun si itọsọna aaye ayelujara rẹ ti yoo ni awọn ofin CSS ti o ṣẹda oniru aworan ati ifilelẹ awọn oju-iwe rẹ.
Lakoko ti awọn aaye le lo, ati nigbagbogbo ṣe, lo awọn oriṣi aṣa ara, ko ṣe pataki lati ṣe bẹ. O le gbe gbogbo ofin CSS rẹ sinu faili kan, ati pe awọn anfani ni pato si ṣiṣe bẹ, pẹlu akoko fifuye ati iṣẹ awọn oju-iwe nitori pe wọn ko nilo lati gba awọn faili pupọ. Lakoko ti o tobi pupọ, awọn ile-iṣẹ iṣowo le nilo awọn iyọọda ara ọtọ ni igba, ọpọlọpọ awọn aaye kekere si awọn aaye ayelujara alabọde le ṣe daradara pẹlu faili kan. Eyi ni ohun ti Mo lo fun ọpọlọpọ iṣẹ iṣẹ oniru wẹẹbu mi - awọn faili CSS kan kan pẹlu gbogbo awọn ofin awọn oju-iwe mi nilo. Nitorina ibeere naa di bayi - kini o yẹ ki o pe orukọ CSS yii?
Nkan Awọn Ipilẹ Adehun
Nigbati o ba ṣẹda iwe- ara ti ita fun awọn oju-iwe ayelujara rẹ, o yẹ ki o pe faili naa lẹhin awọn apejọ ti a npè ni pato fun awọn faili HTML rẹ:
Ma ṣe lo Awọn lẹta pataki
O yẹ ki o nikan lo awọn lẹta az, awọn nọmba 0-9, ṣe afihan (_), ati awọn hyphens (-) ninu awọn orukọ faili CSS rẹ. Nigba ti faili faili rẹ le gba ọ laaye lati ṣẹda awọn faili pẹlu awọn ohun kikọ miiran ninu wọn, olupin OS rẹ le ni awọn oran pẹlu awọn lẹta pataki. O ni ailewu nipa lilo awọn ohun kikọ ti a mẹnuba nibi. Lẹhinna, paapa ti olupin rẹ ba gba laaye fun awọn lẹta pataki, o le ma jẹ ọran ti o ba pinnu lati gbe awọn olupese alejo ni ojo iwaju.
Maṣe Lo Awọn Agbegbe eyikeyi
Gege bi awọn kikọ pataki, awọn alafo le fa awọn iṣoro lori olupin ayelujara rẹ. O jẹ agutan ti o dara lati yago fun wọn ninu awọn faili faili rẹ. Mo ti ṣe pe o jẹ aaye kan lati pe awọn faili bi PDFs nipa lilo awọn apejọ kanna, o kan ni idi ti Mo nilo lati fi wọn kun aaye ayelujara kan. Ti o ba lero pe o nilo aaye lati ṣe ki orukọ faili rọrun lati ka, ṣii fun awọn hyphens tabi ṣe afihan dipo. Fun apeere, dipo lilo "Eyi ni faili.pdf" Emi yoo lo "yi-ni-the-file.pdf".
Orukọ File yẹ ki o bẹrẹ pẹlu Iwe kan
Nigba ti eyi kii ṣe idi ti o yẹ, diẹ ninu awọn ọna šiše ni wahala pẹlu awọn orukọ faili ti ko bẹrẹ pẹlu lẹta kan. Fun apẹẹrẹ, ti o ba yan lati bẹrẹ faili rẹ pẹlu nọmba nọmba, eyi le fa awọn oran.
Lo Gbogbo Ẹka Nla
Nigba ti a ko beere fun eyi fun orukọ faili kan, o jẹ agutan ti o dara, bi awọn apèsè ayelujara kan ti jẹ ọran idajọ, ati ti o ba gbagbe ati tọka faili naa ni oriṣiriṣi ọran, kii yoo muu. Ninu iṣẹ ti ara mi, Mo lo awọn akọsilẹ ohun kekere fun gbogbo orukọ faili. Mo ti rii daju pe eyi ni nkan ti ọpọlọpọ awọn apẹẹrẹ ayelujara n ṣawari lati ranti lati ṣe. Iṣiṣe aiṣedeede wọn nigbati o n pe orukọ faili kan jẹ lati ṣe akọsilẹ ohun kikọ akọkọ ti orukọ naa. Yẹra fun eyi ki o si wọle sinu iwa ti awọn lẹta kekere kekere nikan.
Pa orukọ File naa ni Kuru bi Owun to le ṣee
Lakoko ti o wa opin ti iwọn orukọ faili lori ọpọlọpọ awọn ọna šiše, o jẹ gun ju ti o yẹ fun orukọ faili CSS. Ilana atokun ti o dara ko jẹ ju awọn ohun kikọ 20 lọ fun orukọ faili ko pẹlu afikun. Ni otitọ, ohunkohun ti o gun ju eyi lọ jẹ alailowaya lati ṣiṣẹ pẹlu ati asopọ si eyikeyi ọna!
Abala Pataki ti CSS Name Name rẹ
Ipin pataki julọ ti orukọ faili CSS kii ṣe orukọ faili nikan, ṣugbọn itẹsiwaju. A ko nilo awọn amugbooro lori Macintosh ati awọn ọna ṣiṣe Lainos, ṣugbọn o jẹ ero ti o dara lati fi ọkan kun nigba ti o ba kọ faili CSS kan. Iyẹn ọna o yoo mọ nigbagbogbo pe o jẹ asọ ti ara ati ko ni lati ṣii faili naa lati pinnu ohun ti o wa ni ojo iwaju.
O jasi ko iyalenu nla, ṣugbọn igbesoke lori faili CSS rẹ yẹ ki o jẹ:
.cssAwọn Apejọ Nkan Nkan CSS
Ti o ba nikan yoo ni faili CSS kan lori aaye naa, o le sọ orukọ rẹ ni ohunkohun ti o fẹ. Mo fẹ boya:
styles.css tabi default.cssNiwon ọpọlọpọ awọn ojula ti mo ṣiṣẹ pẹlu awọn faili CSS kan, awọn orukọ wọnyi ṣiṣẹ daradara fun mi.
Ti aaye ayelujara rẹ yoo lo awọn faili CSS pupọ, sọ awọn apoti ti ara lẹhin iṣẹ wọn ki o jẹ kedere kini idi ti faili kọọkan jẹ. Niwon oju-iwe ayelujara kan le ni awọn awo-ara ti o ni ọpọ awọn ti a so mọ wọn, o ṣe iranlọwọ lati pin awọn ọna rẹ si awọn oriṣiriṣi awọn oju ti o da lori iṣẹ ti iwe naa ati awọn aza ti o wa ninu rẹ. Fun apere:
- Layout vs Design layout.css design.css
- Awọn oju-iwe Page main.css nav.css
- Gbogbo aaye pẹlu awọn ipin-apakan mainstyles.css subpage.css
Ti aaye ayelujara rẹ ba nlo irufẹ ti iru kan, o le ṣe akiyesi pe o nlo awọn faili CSS pupọ, ti a ti sọ asọkan si awọn ipin oriṣiriṣi awọn oju-iwe tabi awọn aaye ti aaye naa (awọ-ara, awọ, ifilelẹ, ati be be lo).
Atilẹkọ article nipasẹ Jennifer Krynin. Edited by Jeremy Girard lori 9/5/17