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