ЦСС или Цасцадинг Стиле Схеетс су оно што се користи у савременој веб дизајну како би применили визуелни изглед странице. Иако ХТМЛ ствара структуру странице и Јавасцрипт може да се бави понашањем, изглед и осећај веб сајта је домен ЦСС-а. Када су у питању ови стилови, најчешће се примењују помоћу спољашњих стилова, али такође можете примијенити стилове ЦСС-а у један појединачни елемент користећи оно што се зове "инлине стиле".
Инлине стилови су ЦСС стилови који се директно примењују на ХТМЛ страници странице. Овакав приступ имају и предности и мане. Прво, погледајмо тачно како су ти стилови написани.
Како написати Инлине стил
Да бисте креирали инлине стил ЦСС-а, започињеш писањем вашег стила својства слично оном како би се појавио у листи стилова, али мора бити све једна линија. Одвојите вишеструка својства помоћу точке и зареза баш као што сте у листићу стилова.
бацкгроунд: #ццц; боја: #ффф; бордер: солид блацк 1пк;
Поставите ту линију стилова унутар атрибута стила елемента који желите стајати. На пример, ако желите да примените овај стил на параграф у ХТМЛ-у, тај елемент ће изгледати овако:
<п стиле = "бацкгроунд: #ццц; цолор: # 000; бордер: солид блацк 1пк;">
У овом примјеру, овај одређени пасус би се појавио са светло сивом позадином (то је оно што би #ццц направио), црни текст (од # 000 боја) и са солидном црном ивицом од 1 пиксела око све четири стране става .
Предности инлине стилова
Захваљујући каскади Цасцадинг Стиле Схеет инлине стилова имају највиши приоритет или специфичност у документу. То значи да ће се примјењивати без обзира на то шта је диктирано у вањском стилесхеету (са једним изузетком било који стилови који су дати важну декларацију тог листа, али то није нешто што би требало урадити на производним локацијама ако то може се избјећи).
Једини стилови који имају већи приоритет од инлине стилова су стилови корисника који примењују сами читаоци. Ако имате проблема са примјеном ваших промјена, можете покушати поставити инлине стил на елементу. Ако се стилови и даље не приказују помоћу инлине стила, знате да се нешто друго дешава.
Инлине стилови се лако и брзо додају и не морате бринути о писању одговарајућег селектора ЦСС-а пошто додате стилове директно у елемент који желите да промените (тај елемент у суштини замени селектор који бисте написали на спољном листу стила ). Не морате да правите цео нови документ (као код спољних стилова) или уредите нови елемент у главном делу вашег документа (као код интерних стилских листова). Само додајте атрибут стила који важи за скоро сваки ХТМЛ елемент. То су сви разлози због којих можете бити у искушењу да користите инлине стилове, али морате такође бити свјесни неких врло значајних недостатака за овај приступ.
Недостаци инлине стилова
Због тога што су инлине стилови најспецифичнији у каскади, они могу да претерују ствари које нису имали намеру. Такође негирају један од најснажнијих аспеката ЦСС-а - могућност стила много и пуно веб страница из једне централне ЦСС датотеке како би се будућим исправкама и променама стила много лакше управљати.
Ако сте морали да користите само инлине стилове, ваши документи ће брзо постати надувени и врло тешки за одржавање. То је зато што се инлине стилови морају применити на сваки елемент који желите. Дакле, ако желите да сви ваши пасуси имају породицу фонтова "Ариал", морате у свој документ додати инлине стил за сваку ознаку <п>. Ово додаје оба радова на одржавању за дизајнера и вријеме за преузимање читача, јер би то требало променити на свакој страници ваше странице како бисте променили ту породицу фонта. Алтернативно, ако користите засебан стил, можда ћете моћи да га промените на једном месту и да свака страна прими то ажурирање.
Искрено, ово је корак уназад у веб дизајну - вратимо дане ознаке <фонт>!
Још један недостатак у инлине стиловима јесте то што је немогуће обликовати псеудо-елементе и -класе са њима. На пример, са спољним листовима стилова можете стајати посећене, лебдеће, активне и повезивати боју сидрове ознаке, али са инлине стилом, све што можете стил је веза сама, зато што је то атрибут атрибута стила повезан са .
На крају крајева, препоручујемо вам да не користите инлине стилове за своје веб странице јер они узрокују проблеме и учините странама много више посла за одржавање. Једини пут када их користимо је када желимо брзо провјерити стил током развоја. Једном када смо у праву за један елемент, премештамо га у наш спољашњи стилски стил.
Оргинални чланак Јеннифер Кринин. Уредио Јереми Гирард.