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