Знешняе вызначэнне CSS і як спасылка на адзін
Калі вэб-браўзэр загружае вэб-старонкі, як уяўляецца, вызначаецца інфармацыяй з каскадных табліц стыляў. Ёсць тры спосабу ў HTML-файл, каб выкарыстоўваць табліцы стыляў: вонкава, ўнутрана, так і ў рэжыме рэальнага часу.
Унутраныя і радныя табліцы стыляў захоўваюцца ўнутры самога HTML-файла. Яны лёгка працаваць у дадзены момант, але так як яны не захоўваюцца ў адным месцы, гэта немагчыма лёгка ўносіць змены ў стылізацыі праз увесь сайт адразу; вы павінны замест гэтага вярнуцца ў кожную запіс і рэдагаваць яе самастойна.
Тым не менш, з вонкавага табліцай стыляў, інструкцыі для адлюстравання старонкі захоўваюцца ў адным файле, што робіць яго вельмі лёгка рэдагаваць стыль праз увесь вэб-сайт або некалькі элементаў. Файл выкарыстоўвае пашырэнне .CSS файла і спасылка на месцазнаходжанне гэтага файла ўключана ў HTML-дакуменце такім чынам, каб вэб-браўзэр ведае, дзе шукаць інструкцыі для кладкі валасоў.
Адзін або некалькі дакументаў могуць спасылацца на той жа файл CSS і вэб-сайт можа мець шмат унікальнага CSS-файлаў для кладкі розных старонак, табліц, малюнкаў і г.д.
Як зрабіць спасылку на ліст Знешні стыль
Кожная вэб - старонка , якая хоча выкарыстоўваць пэўную знешнюю табліцу стыляў неабходна дадаць спасылку на файл CSS ўнутры секцыі , так жа, як гэта:
<Галава> <спасылка отн = тып "табліца стыляў" = "тэкст / CSS" HREF = "styles.css"> HEAD>У гэтым прыкладзе, адзінае , што трэба зрабіць , каб змененае стаўленне да яго сваім уласным дакументам, тэкст styles.css. Гэта размяшчэнне файла CSS.
Калі файл на самай справе называецца styles.css і знаходзіцца ў тым жа каталогу, што і дакумент , які спасылкі на яго, то ён можа заставацца такім , як ён чытае вышэй. Аднак, хутчэй за ўсё, ваш файл CSS называецца нешта яшчэ, у гэтым выпадку вы можаце проста змяніць назву ад «стыляў» да таго, што ваш ёсць.
Калі файл CSS не ў корані гэтай тэчкі, але замест гэтага ў тэчцы, ён можа чытаць нешта накшталт гэтага замест таго, каб:
<Галава> <спасылка отн = тып "табліца стыляў" = "тэкст / CSS" HREF = "Стылі \ меню \ black.css"> HEAD>Больш падрабязная інфармацыя аб знешняй CSS файлаў
Галоўная перавага знешніх табліц стыляў з'яўляецца тое, што яны не прывязаны да якой-небудзь канкрэтнай старонцы. Калі кладка вырабляецца ўсярэдзіне або ў лінію, іншыя старонкі на сайце не можа паказаць на тыя стайлінгу перавагі.
З вонкавага стайлінгу, аднак, той жа файл CSS можа выкарыстоўвацца літаральна для кожнай асобнай старонкі на вэб-сайце, так што ўсе яны маюць адзіны знешні выгляд, а таксама рэдагаванне змесціва CSS ўвесь сайт з'яўляецца надзвычай просты і цэнтралізаванай.
Вы можаце ўбачыць, як гэта працуе ніжэй ...
Ўнутраны стыль патрабуе выкарыстання тэгаў , так як яны павінны быць дыферэнцыраваны ад тэгаў :
<Галава> <стыль> цела {фонавага колеру: зялёны; } H1 {колер: сіні; Левае поле: 15px; } Стыль> HEAD>Аднак, паколькі знешнія табліцы стыляў ўтрымліваюцца ў іх ўласным файле, яны могуць быць створаны, як гэта, і гэта азначае, што адно і тое ж, што і вышэй ўзору:
цела {фонавага колеру: зялёны; } H1 {колер: сіні; Левае поле: 15px; }У гэтых прыкладах, убудаваны стыль ужываецца толькі да гэтай канкрэтнай старонцы, сведчыць той факт, што ён утрымліваецца ў дэталях загалоўку гэтага HTML-старонцы. У другім прыкладзе, інфармацыя CSS з'яўляецца самадастатковым ў CSS файл , які любая старонка можа звязаць з дапамогай кода з Як зрабіць спасылку на знешнюю табліцу стыляў раздзеле вышэй.