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