Выглядаць і адчуваць сябе, або «стыль» сайта прадыктавана CSS (каскадныя табліцы стыляў). Гэты файл будзе дададзены ў каталог вашага вэб-сайта, які будзе ўтрымліваць розныя правілы CSS, якія ствараюць візуальны дызайн і размяшчэнне вашых старонак.
У той час як сайты могуць выкарыстоўваць, і часта, выкарыстоўваць некалькі табліц стыляў, ня трэба рабіць гэта. Вы можаце змясціць усе вашыя правілы CSS у адзін файл, і ёсць на самой справе выгады для гэтага, уключаючы больш хуткае час загрузкі і прадукцыйнасць старонак , так як яны не павінны атрымліваць некалькі файлаў. У той час як вельмі вялікія, карпаратыўныя сайты могуць спатрэбіцца асобныя табліцы стыляў ў разы, многія малыя і сярэднія сайты могуць зрабіць цалкам нармальна толькі з адным файлам. Гэта тое, што я выкарыстоўваю для большасці маіх вэб-дызайну працы - адзіны CSS-файлы з усімі правіламі мае старонкі трэба. Такім чынам, пытанне становіцца цяпер - тое, што вы павінны назваць гэты CSS-файл?
Найменне Асновы Канвенцыі
Пры стварэнні знешняй табліцы стыляў для вашых вэб - старонак, вы павінны назваць файл наступным аналагічнымі пагадненняў аб імёнах для вашых HTML - файлаў:
Не выкарыстоўвайце спецыяльныя сімвалы
Вы павінны выкарыстоўваць толькі літары алфавіту і лічбы 0-9, сімвал падкрэслення (_) і злучок (-) у імёнах файлаў CSS. Нягледзячы на тое, што файлавая сістэма можа дазволіць вам ствараць файлы з іншымі персанажамі ў іх, аперацыйнай сістэме сервера можа мець праблемы з адмысловымі знакамі. Вы бяспечней выкарыстоўваць толькі знакі, названыя тут. У рэшце рэшт, нават калі ваш сервер дазваляе адмысловых знакаў, якія не могуць быць у выпадку , калі вы вырашыце перанесці хостынг - правайдэраў у будучыні.
Не выкарыстоўвайце прабелы
Гэтак жа, як з адмысловымі знакамі, прабелы могуць выклікаць праблемы на вашым вэб-серверы. Гэта добрая ідэя, каб пазбегнуць іх у імёнах файлаў. Я нават зрабіць яго кропкай назваць файлы, такія як файлы PDF, выкарыстоўваючы гэтыя ж пагадненні, толькі ў выпадку, калі я калі-небудзь спатрэбіцца, каб дадаць іх на сайт. Калі вы адчуваеце, што вам трэба прастору, каб зрабіць імя файла лягчэй чытаць, выбраць злучка ці падкрэслення замест гэтага. Для прыкладу, замест таго, каб выкарыстоўваць «гэта file.pdf» Я хацеў бы выкарыстаць «гэта-гэта-The-file.pdf».
Імя файлаў мусяць пачынацца з літары
Хоць гэта не з'яўляецца абсалютным патрабаваннем, некаторыя сістэмы маюць праблемы з імёнамі файлаў, якія не пачынаюцца з літары. Напрыклад, калі вы вырашылі пачаць свой файл з нумарам сімвалам, гэта можа выклікаць праблемы.
Выкарыстоўвайце ніжні рэгістр
Хоць гэта не патрабуецца для файла, гэта добрая ідэя, так як некаторыя вэб-серверы адчувальныя да рэгістра, і, калі вы забыліся і спасылку на файл у іншым выпадку яна не будзе загружацца. У сваёй працы я выкарыстоўваю малых літар для кожнага імя файла. На самай справе я знайшоў, што гэта тое, што шмат новых вэб-дызайнераў змагацца, каб не забыцца зрабіць. Іх дзеянне па змаўчанні пры назвах файла з'яўляецца загалоўным першай літарай імя. Пазбягайце гэтага і атрымаць у звычку толькі малымі літарамі.
Трымаеце імя файла як мага карацей
У той час як існуе абмежаванне памеру імёнаў файлаў на большасці аперацыйных сістэм, значна даўжэй, чым гэта разумна для імя файла CSS. Добрае эмпірычнае правіла не больш за 20 сімвалаў для назвы файла не ўключаючы пашырэнне. Рэальна, усё, што значна больш, чым грувастка працаваць з і спасылкі ў любым выпадку!
Самая важная частка вашага Імя файла CSS
Найбольш важная частка імя файла CSS не само імя файла, але пашырэнне. Пашырэння не патрабуецца на сістэмах Macintosh і Linux, але гэта добрая ідэя, каб ўключаць у сябе адзін у любым выпадку пры напісанні файла CSS. Такім чынам, вы заўсёды будзеце ведаць, што гэта табліца стыляў і не трэба адкрываць файл, каб вызначыць, што гэта ў будучыні.
Гэта, верагодна, не з'яўляецца вялікім сюрпрызам, але пашырэнне на файл CSS павінен быць:
.cssЎмоўныя CSS File Naming
Калі вы толькі калі-небудзь будзе адзін CSS-файл на сайце, вы можаце назваць яго як заўгодна. Я аддаю перавагу альбо:
styles.css або default.cssБо большасць сайтаў я працую ўключаюць асобныя файлы CSS, гэтыя імёны добра працаваць для мяне.
Калі ваш сайт будзе выкарыстоўваць некалькі файлаў CSS, імя табліцы стыляў пасля іх функцыі, так што ясна, што менавіта мэта кожнага файла. Так як вэб-старонка можа мець некалькі табліц стыляў, далучаныя да іх, ён дапамагае падзяліць вашыя стылі ў розных лістоў у залежнасці ад функцыі гэтага ліста і стыляў ўнутры яго. Напрыклад:
- Кампаноўка супраць Design layout.css design.css
- Раздзелы старонкі Main.css nav.css
- Увесь сайт з падраздзелаў mainstyles.css subpage.css
Калі ваш сайт выкарыстоўвае рамкі нейкага, вы, верагодна, заўважылі, што ён выкарыстоўвае некалькі файлаў CSS, кожны з якіх прысвечаны розных частак старонак або аспектаў сайта (тыпаграфікі, колер, размяшчэнне і г.д.).
Арыгінал артыкула Джэніфер Krynin. Пад рэдакцыяй Джэрэмі Girard на 9/5/17