Ако искате вашите новосъздадени класове да се използват от много страници, може да използвате т.нар. външен Style Sheet.
- Всичко, което разгледахме в предишните уроци се отнасяше за страницата, която правим в момента. Класовете спестяват много писане и усилия в текущия HTML документ. Да предположим обаче, че искате определена група от стилове да се използва от много HTML страници едновременно. Това става чрез external (външни) style sheets.
- За да направите external style sheet, отворете някой текстов редактор (например Notepad) и напишете следното:
DIV { font-family: Arial }
P { color: blue }
- След това запазете файла (save as…) като „style.css“ (слагаме името на файла в кавички, за да се запази с разширение *.css; иначе ще се запази като style.css.txt). Може да използвате всякави имена – style.css, bla.css, fish.css и тн. – но разширението трябва да е *.css.
- Вашият external style sheet е готов. Сега, за да укажете на дадена страница да го използва просто трябва да сложите елемента
<LINK>
в главата (<HEAD>
) на HTML документа. Най-общо това става по следния начин:
<LINK rel=“stylesheet“ type=“text/css“ name=“име“ href=“адрес„>
- Атрибутът
rel="stylesheet"
казва на страницата какъв документ да търси (в нашия случай stylesheet). type="text/css"
указва какъв е типът на съдържанието във файла, който ще се използва.name=""
задава име (може да е всякакво)href=""
указва къде се намира файла (интернет адрес). За нашия пример,<LINK>
елемента ще изглежда по следния начин:
<LINK rel=“stylesheet“ type=“text/css“ name=“Pesho Dulgiq“ href=“style.css“>
- Адресът е само името на файла, ако сте го запазили в същата директория, където са и вашите страници. И така, за да ползвате вашият стил в други HTML документи, просто ги отворете и сложете горния ред в главата им.
- Ако искате да промените текста на няколко страници, просто редактирайте файла style.css и запазете промените.