Каскадни листови стилова имају много користи. Омогућавају вам употребу истог стилског листа на целој веб локацији. Постоје два начина за то:
- повезивање са елементом ЛИНК
- увоз помоћу команде @импорт
Предности и недостаци спољних табела
Једна од најбољих ствари о каскадни листови стилова је да их можете користити за одржавање доследности веб локације. Најлакши начин да то урадите је повезивање или увоз спољне табеле стилова. Ако користите исти спољни табелу стилова за сваку страницу своје веб локације, можете бити сигурни да ће све странице имати исто стилова.
Неке од предности коришћења екстерних табела укључују то што можете да контролишете изглед и стил неколико докумената одједном. Ово је посебно корисно ако радите са тимом људи на изради ваше веб странице. Многа стилска правила може бити тешко запамтити, а иако имате штампани водич за стил, то је досадно да га непрестано прелиставате да бисте утврдили да ли ће се текст текста писати Ариал фонтом од 12 тачака или 14 тачака Курир.
Можете створити класе стилова који се затим могу користити на многим различитим ХТМЛ елементима. Ако често користите посебан фонт Вингдингс за наглашавање различитих ствари на вашој страници, можете користити Вингдингс класе коју сте поставили у табели стилова да бисте их креирали, уместо да дефинишете одређени стил за сваку инстанцу истицање.
Своје стилове можете лако групирати да би били ефикаснији. Све методе груписања које су доступне ЦСС-у могу се користити у спољним табелама стилова, а то вам пружа већу контролу и флексибилност на вашим страницама.
Имајући то у виду, постоје и врло добри разлози да се не користе спољни листови стилова. Као прво, могу да повећају време преузимања ако се повежете са већином њих.
Сваки пут када креирате нову ЦСС датотеку и повежете је или увезете у документ, то захтева да веб прегледач упути још један позив веб серверу да би је преузео. А позиви сервера успоравају учитавање странице.
Ако имате само мали број стилова, они могу повећати сложеност ваше странице. Будући да стилови нису видљиви тачно у ХТМЛ-у, свако ко гледа страницу мора да набави други документ (ЦСС датотеку) да би схватио шта се дешава.
Како направити спољну табелу стилова
Спољни листови стилова се пишу на исти начин као и уграђени и уграђени листови стилова. Али све што треба да напишете је стил селектор и декларација. Не требају вам елемент или атрибут СТИЛЕ у документу.
Као и код свих осталих ЦСС, синтакса правила је:
селектор {својство: вредност; }
Ова правила су записана у текстуалну датотеку са наставком.
.цсс. На пример, можете именовати табелу стилова.
стилови.цсс.
Повезивање ЦСС докумената
Да бисте повезали табелу стилова, користите елемент ЛИНК. Ово има атрибуте рел и хреф. Атрибут рел говори прегледачу шта повезујете (у овом случају табелу стилова), а атрибут хреф држи путању до ЦСС датотеке.
Постоји и опционални тип атрибута који можете користити за дефинисање МИМЕ типа повезаног документа. Ово није потребно у ХТМЛ5, али би требало да се користи у ХТМЛ 4 документима.
Ево кода који бисте користили за повезивање ЦСС табеле стилова под називом стилес.цсс:
А у ХТМЛ 4 документ бисте написали:
типе = "тект / цсс">
Увоз ЦСС табела стилова
Увезене стилске табеле смештене су у елемент СТИЛЕ. Тада можете да користите и уграђене стилове ако желите. Такође можете укључити увезене стилове у повезане табеле стилова. Унутар СТИЛЕ или ЦСС документа напишите:
@импорт урл (' http://www.yoursite.com/styles.css');