Выкарыстанне Wide CSS сайта
Вэб-сайты ўяўляюць сабой спалучэнне стылю і структуры, і на сённяшнюю Сеткі, гэта лепшая практыка, каб гэтыя два аспекты сайта асобна адзін ад аднаго.
HTML заўсёды было тое, што ўяўляе сабой сайт з яго структурай. У першыя дні ў Інтэрнэце, HTML таксама змяшчае інфармацыю аб стылі. Такія элементы, як тэг былі заваленыя праз HTML код, дадаўшы знешні выгляд і інфармацыі разам са структурнай інфармацыяй. Рух вэб-стандарты падштурхнула нас, каб змяніць гэтую практыку і замест таго, каб штурхаць ўсю інфармацыю аб стылі ў CSS або каскадныя табліцы стыляў. Прымаючы гэта крок наперад, бягучыя рэкамендацыі, якія вы выкарыстоўваеце тое, што вядома як «знешнія табліцы стыляў» для вашых патрэбаў мадэлявання вэб-сайта.
Перавагі і недахопы знешніх табліц стыляў
Адна з лепшых рэчаў аб каскадных табліцах стыляў з'яўляецца тое, што вы можаце выкарыстоўваць іх, каб трымаць ўвесь сайт паслядоўныя. Самы просты спосаб зрабіць гэта , каб звязаць або імпартаваць знешнюю табліцу стыляў . Калі вы выкарыстоўваеце адзін і той жа знешнюю табліцу стыляў для кожнай старонкі вашага сайта, вы можаце быць упэўнены, што ўсе старонкі будуць мець адзін і той жа стыль. Вы таксама можаце зрабіць гэта лягчэй зрабіць змены ў будучыні. Паколькі кожныя старонкі выкарыстоўваюць тую ж знешнюю табліцу стыляў, любая змена гэтага ліста будзе ўздзейнічаць на кожную старонку сайта. Гэта нашмат лепш, чым мяняць кожную старонку паасобку!
Перавагі знешніх табліц стыляў
- Вы можаце кантраляваць знешні выгляд некалькіх дакументаў адначасова.
- Гэта асабліва карысна, калі вы працуеце з камандай людзей, каб стварыць свой вэб-сайт. Шмат правілаў стылю можа быць цяжка ўспомніць, і ў той час як вы можаце мець друкаваны стыль кіраўніцтва, гэта неэфектыўна і стомна, каб быць пастаянна гартаць праз яго, каб вызначыць, напрыклад, тэкст павінен быць напісаны ў 12 пунктаў Arial шрыфта, або 14 пункт кур'ерскімі. Маючы ўсё ў адным месцы, і з тых часоў гэта месца таксама, дзе вы б унесці змены, вы можаце зрабіць абслугоўванне нашмат прасцей.
- Вы можаце стварыць класы стыляў , якія затым могуць быць выкарыстаны на розных HTML элементаў .
- Калі вы часта карыстаецеся пэўны стыль шрыфта, каб зрабіць упор на розныя рэчы на вашай старонцы, вы можаце выкарыстоўваць атрыбут класа, які вы ўсталявалі ў табліцы стыляў, каб атрымаць гэтую знешні выгляд, а не вызначае пэўны стыль для кожнага асобніка акцэнт.
- Вы можаце лёгка групаваць вашыя стылі , каб быць больш эфектыўнымі.
- Усе метады групоўкі, якія даступныя для CSS можна выкарыстоўваць ў знешніх табліцах стыляў, і гэта дае вам большы кантроль і гнуткасць на вашых старонках.
Недахопы Знешніх табліц стыляў
- Знешнія табліцы стыляў могуць павялічыць час загрузкі, асабліва калі яны вельмі вялікія. Так як файл CSS ўяўляе сабой асобны дакумент, які павінен быць загружаны, ён будзе ўплываць на прадукцыйнасць, каб выканаць гэтую загрузку.
- Знешнія табліцы стыляў атрымаць вялікі вельмі хутка, як гэта цяжка не сказаць, калі стыль больш не выкарыстоўваецца, таму што ён не выдаляецца, калі старонка выдаляецца. Правільнае кіраванне вашых CSS файлаў мае важнае значэнне, асабліва калі некалькі людзей працуюць на той жа файл.
- Калі ў вас ёсць толькі вэб-сайт з адной старонкі, якія маюць вонкавы файл для CSS не могуць быць неабходныя, так як у вас ёсць толькі тое, што адна старонка ў стылі. Многія з пераваг вонкавага CSS губляецца, калі ў вас ёсць толькі адзін сайт старонкі.
Як стварыць ліст Знешні стыль
Знешнія табліцы стыляў ствараюцца з падобным сінтаксісам на дакумент табліцы стыляў ўзроўню. Тым не менш, усё, што вам неабходна ўключыць у селектар і дэкларацыю. Гэтак жа, як у табліцы стыляў на ўзроўні дакумента, сінтаксіс для правілы:
селектар {ўласцівасць: значэнне;}Захавайце гэтыя правілы ў тэкставы файл з пашырэннем .css. Гэта не патрабуецца, але гэта добрая звычка, так што вы можаце адразу ж распазнаць вашы табліцы стыляў у спісе каталога.
Калі ў вас ёсць дакумент табліцы стыляў, вы павінны звязаць яго з вашым вэб - старонках . Гэта можна зрабіць двума спосабамі:
- злучэнне
- Для таго каб звязаць табліцу стыляў, можна выкарыстоўваць тэг HTML. Гэта мае атрыбуты отн, тып і HREF. Атрыбут отн кажа, што вы спасылаецеся (у дадзеным выпадку табліцы стыляў), тып вызначае MIME-Type для браўзэра, і HREF шлях да файла .css.
- імпарт
- Вы маглі б выкарыстоўваць імпартную табліцу стыляў у стылі ўзроўню ліста дакумента, так што вы можаце імпартаваць атрыбуты знешняй табліцы стыляў, а не страты якіх-небудзь дакументы, вызначаных з іх. Вы называеце гэта падобным чынам выклікаючы звязаную табліцу стыляў, толькі ён павінен быць выкліканы ў дэкларацыі дакумента стылю ўзроўню. Вы можаце імпартаваць столькі лістоў вонкавага стылю, як вам трэба, каб захаваць ваш вэб-сайт.
Арыгінал артыкула Джэніфер Krynin. Пад рэдакцыяй Джэрэмі Girard на 8/8/17