Свака веб страница се састоји од структуралних (које диктира ХТМЛ), функционалних и стилских елемената. Цасцадинг Стиле Схеетс (ЦСС) користе се за диктирање изгледа ("изглед и осећај") веб странице. Ови стилови се чувају одвојено од ХТМЛ структуре како би се омогућило лакше ажурирање и поштовање веб стандарда.
Проблем са стилским листовима
С обзиром на величину и сложеност многих веб локација данас, стилски листови могу постати прилично дугачак и гломазан. Ово је посебно истинито сада када су медијски упити за одговарајуће стилове веб сајта суштински део дизајна, осигуравајући да веб страница изгледа без обзира на уређај. Ти медијски упити само могу додати значајан број нових стилова ЦСС документу, што додатно отежава рад. Овдје коментари ЦСС-а могу постати непроцјењива помоћ за дизајнере и програмере веб страница.
Коментари Додај структуру и јасноћу
Додавање коментара ЦСС датотекама веб сајта је одличан начин да организујете делове тог кода за човека који чита документ који прегледа документ. Такође обезбеђује конзистентност када се један веб професионалац покупи тамо где други одлази, или када тимови људи раде на некој локацији.
Добро обликовани коментари могу комуницирати важне аспекте стилског листа са члановима тима који већ можда нису упознати са кодом. Ови коментари су такође веома корисни за људе који су раније радили на сајту, али нису недавно; веб дизајнери обично раде на многим сајтовима, а запамтење стратегијских стратегија од једног до другог је тешко.
Само за професионалне очи
Коментари ЦСС-а се не приказују када се страница приказује у веб прегледачима. Ови коментари су само информативни, баш као што су коментари ХТМЛ (иако је синтакса другачија). Ови коментари ЦСС-а не утичу на визуелни приказ локације на било који начин.
Додавање ЦСС коментара
Додавање ЦСС коментара је прилично лако. Једноставно резервишете свој коментар са тачним ознакама за отварање и затварање коментара:
- Започните свој коментар додавањем
/*
- Затворите ваш коментар додавањем
*/
Све што се појављује између ова два ознака је садржај коментара, видљив само у коду, а не претраживач.
Коментар ЦСС-а може преузети било који број редова. Ево два примера:
/ * црвени гранични пример * / див # бордер_ред { граница: танка чврста црвена; }/*******************************************************Стил за кодни текст*******************************************************/ Многи дизајнери организују стилове у малим, лако сварљивим комадима који се лако читају приликом читања. Уобичајено је да ћете видети претходне коментаре и пратити серија веза које стварају велике, очигледне паузе на страници која је лако видљива. Ево примера: / * ----------------------- Хеадер Стилес ----------------------- ------- * /
Ови коментари указују на почетак новог одељка кодирања. Пошто ознаке коментара говоре претраживачу да игнорише све између њих, можете их користити да привремено онемогућите одређене дијелове ЦСС кода. Ово може бити корисно приликом дебаговања или приликом прилагођавања форматирања веб странице. У ствари, дизајнери их често користе за "коментарисање" или "искључивање" области кода како би видели шта се дешава ако тај део није дио странице. Да бисте то урадили, једноставно додајте ознаку за отварање коментара пре кода коме желите да коментаришете (онемогућите); поставите ознаку за затварање где желите да се део са ограниченим способностима заврши. Ништа између тих ознака неће утицати на визуелни приказ локације, омогућавајући вам да отклоните ЦСС да бисте видели где се проблем дешава. Затим можете да уђете и поправите само то питање и уклоните коментаре са кода. Као рецап, ево неколико савета које треба запамтити да користите коментаре у ЦСС-у: Приликом додавања превише коментара може утицати на брзину преноса и перформансе сајта, не бисте се оклевали да их користите. Било би потребно много линија коментара да имају значајан негативан утицај. Као и многи аспекти веб дизајна, све се своди на равнотежу. Бреакинг Оут Секције
Код "коментарисања"
ЦСС коментари
Перформансе
