Когато уеб браузър зарежда уеб страница, начина, по който се показва, се определя от информацията от каскаден лист с стилове. Има три начина, по които един HTML файл може да използва стилов лист: външно, вътрешно и в реално време.
Вътрешните и в реда листове за стилове се съхраняват в самия HTML файл. Те са лесни за работа в момента, но тъй като те не се съхраняват на централно място, е невъзможно лесно да се правят промени в стила на целия уеб сайт наведнъж; вместо това трябва да се върнете във всеки запис и да го промените ръчно.
Въпреки това, с външен стилов лист, инструкциите за рендиране на страницата се съхраняват в един файл, което прави много лесно редактирането на стила в цял уебсайт или множество елементи. Файлът използва разширението .CSS и връзката с местоположението на този файл е включена в HTML документа, така че уеб браузърът да знае къде да потърси инструкциите за оформяне.
Един или повече документи могат да се свързват със същия CSS файл, а уебсайт може да има много уникални CSS файлове за оформяне на различни страници, таблици, изображения и т.н.
Как да свържете към външен лист стил
Всяка уеб страница, която иска да използва определен външен стилов лист, трябва да се свърже с CSS файла в рамките на
раздел, подобен на този:
В този пример единственото нещо, което трябва да бъде променено, за да се приложи към вашия собствен документ, е styles.css текст. Това е местоположението на вашия CSS файл.
Ако файлът е действително извикан styles.css и се намира в същата папка като документа, който свързва с него, тогава той може да остане точно както той чете по-горе. Обаче шансовете са вашият CSS файл да е озаглавен нещо друго, в който случай просто можете да промените името от "стилове" на каквото и да е вашето.
Ако CSS файлът не е в основата на тази папка, а в подпапка, той може да прочете нещо подобно:
Повече информация за външни CSS файлове
Най-голямото предимство на външните стилови листове е, че те не са свързани с конкретна страница. Ако стилът се изпълнява вътрешно или в реално време, други страници в уеб сайта не могат да сочат към тези предпочитания за стилизиране.
С външен стил, обаче, един и същ CSS файл може да се използва буквално за всяка отделна страница на уебсайта, така че всички те да имат еднакъв външен вид, а редактирането на цялото съдържание на CSS на уебсайта е изключително лесно и централизирано.
Можете да видите как работи по-долу …
Вътрешното оформяне изисква използването на
Тъй като външните стилови листове се съдържат в собствения си файл, те могат да бъдат създадени по този начин и това означава точно същото нещо като горната извадка:
тяло {цвят на фона: зелен; } h1 {цвят: син; margin-left: 15px; }
В тези примери вграденият стил се отнася само за тази конкретна страница, очевиден от факта, че се съдържа в заглавките на тази HTML страница. Във втория пример информацията за CSS е самостоятелна в CSS файл, който всяка страница може да свърже с използването на кода от Как да свържете към външен лист стил горе.
