Надворешна CSS дефиниција и како да се поврзете со еден
Кога веб прелистувачот ја вчитува веб-страницата, начинот на кој се појавува се одредува со информации од каскадниот стилски лист. Постојат три начини за HTML датотека да користи стилски лист: надворешно, внатрешно и во линија.
Внатрешните и и-линиските стилски листови се складирани во самата HTML-датотека. Тие се лесни за работа во моментот, но затоа што не се складирани во централна локација, невозможно е лесно да се направат промени во стилот на целата веб-страница одеднаш; треба да се вратите назад во секој запис и да го промените рачно.
Меѓутоа, со надворешен стилски лист, инструкциите за рендерирање на страницата се зачувуваат во една датотека, што го прави навистина лесно да го уредувате стилот низ целиот веб-сајт или повеќе елементи. Датотеката ја користи наставката .CSS, а во HTML-документот е вклучен и линк до локацијата на таа датотека, така што веб-прелистувачот знае каде да ги побара упатствата за стил.
Еден или повеќе документи можат да се поврзат со истата CSS датотека, а веб-страница може да има многу уникатни CSS-датотеки за стилизирање на различни страници, табели, слики, итн.
Како да поврзам со надворешен стилски лист
Секоја веб-страница која сака да користи одреден надворешен стилски лист треба да се поврзе со CSS-датотеката од рамките на дел, слично на ова:
Во овој пример, единственото нешто што треба да се смени за да се примени на вашиот сопствен документ, е текстот styles.css . Ова е локацијата на вашата CSS датотека.
Ако датотеката всушност се вика styles.css и се наоѓа во иста папка како и документот кој е поврзан со него, тогаш може да остане токму онака како што го чита погоре. Сепак, шансите се дека вашата CSS датотека е насловена како нешто друго, во тој случај можете само да го промените името од "стилови" до она што е твое.
Доколку CSS-датотеката не е во коренот на оваа папка, туку наместо во подпапка, може да прочита нешто слично:
Повеќе информации за надворешни CSS датотеки
Најголемата корист од надворешните стилски листови е дека тие не се врзани за некоја конкретна страница. Ако стајлинг се врши внатрешно или во линија, другите страници на веб-страницата не можат да укажат на оние параметри на стил.
Меѓутоа, со надворешен стил, истата CSS датотека може да се користи буквално за секоја страница на веб страната, така што сите од нив имаат униформен изглед, а уредувањето на CSS содржината на целиот веб-сајт е исклучително лесно и централизирано.
Можете да видите како тоа функционира подолу ...
Внатрешниот стил бара употреба на <стил> тагови, бидејќи тие треба да се диференцираат од тагови: