Који је ваш ЦСС стил?

Један од најзбуњујућих аспеката рада са ЦСС-ом (каскадни листови стилова) је то што можете писати стилове на много начина. Слично писању прозе, само зато што разумете основна правила граматике и правописа не значи да сте савладали писање сажете прозе.

Искусни ЦСС дизајнери троше доста времена на израду кратког, јасног ЦСС-а који се лако мења и ажурира. Али они који су нови у ЦСС-у склони су писању више стилова него што је потребно и стварању сувишних стилова.

Не само да је потребно више времена за преузимање сувишног кода у веб прегледач, већ је и касније много теже уређивати или ревидирати. И, што је ваш код сувишнији, већа је вероватноћа да ћете наићи на сукобе стилова.

Ево пет савета за писање чистих, ефикасних стилова:

• Никада не стварајте два стила када је један довољан. На пример, можете креирати стил користећи селектор ознака за све

  ознаке које мењају породицу фонтова ваших наслова, а затим креирајте други стил користећи селектор класе који можете применити на своје наслове да бисте променили боју.

  Али било би ефикасније дефинисати и боју и породицу фонтова у истом стилу. Запамтите да се увек можете вратити и уредити стил да бисте додали још једно правило ако желите да промените форматирање стила.

• Скраћени хексадецимални кодови боја. Можете дефинисати боје у ЦСС-у тако што ћете укључити цео хексадецимални код боја. Међутим, када користите кодове боја који се понављају, потребно је да укључите само прва три знака. На пример #ффффф је исто што и #ффф; обоје ће створити белу боју.

• Користите екстерне стилове. Можете да дефинишете стилове у интерном листу стилова на врху сваке веб странице или можете да сачувате своје стилове у спољној датотеци са екстензијом .цсс и приложите ту листу стилова свим својим веб страницама. Спољни листови стилова су сами по себи ефикаснији јер вам омогућавају да користите исти стил на било којој или свим страницама вашег сајта.

  На пример, ако дефинишете стил који све главне наслове чини подебљаним, плавим и великим, чување тог стила у спољном листу стилова омогућава вам да користите исти стил за сваки наслов. Затим, ако касније одлучите да желите да промените своје наслове у зелене, можете променити стил у једном спољном листу стилова и променити све наслове одједном.

  Ако сте стилове сачували у интерном листу стилова, морали бисте да уредите стил наслова у свакој датотеци.

• Развијте конвенцију именовања за своје стилове. Иако можете именовати стилове креиране помоћу селектора класа или ИД-а како год желите, најбоље је изабрати стилове који имају значење осим форматирања. На пример, ако креирате стил који се зове .редХеадлинес и касније одлучите да желите да сви ваши .редХеадлинес буду плави, или ћете на крају имати плави стил наслова који се зове .редХеадлинес или ћете морати да преименујете стил.

  А преименовање стила укључује враћање уназад и поновну примену тог стила свуда где имате црвени наслов који желите да постане плави, што на неки начин негира моћ стилова да праве глобална ажурирања. Да бисте избегли овај проблем, креирајте имена стилова која се односе на позицију или важност елемената, као што су .маинХеадлинес или .сидебарХеадлинес.

• * Тестирајте и потврдите свој код. Чак и искусни ЦСС дизајнери праве грешке, због чега Дреамвеавер укључује толико сјајних алата за тестирање и валидацију кода на вашим веб страницама. Обавезно тестирајте свој ЦСС на уобичајене грешке.

  Следе две услуге онлајн тестирања које можете да користите да проверите да ли постоје грешке у вашем ЦСС коду. Једноставно унесите УРЛ било које веб странице на Интернету у поље за адресу на било којој од ових локација и кликните на дугме Пошаљи да бисте добили извештај који показује све грешке у вашем коду:

  • В3Ц ЦСС валидација сервис

  • КСХТМЛ-ЦСС : Буди валидан или умри у учењу