Ово је други део од 5 корака до Напишите Боље ЦСС. Има доста ЦСС туторијала су доступни на интернету, али пар туторијала су корисне. У овом упутству ћете наћи 5 корака да пишу боље цсс код за вашу следећу уеб пројекат. Надам се да ћете уживати у овом упутству.

1. Имајте ЦСС декларације у једном реду

ти увек треба да прогласи ЦСС у једном реду, помаже у чувању свог ЦСС датотеку чист и мање. Она такође помаже да се уклањање нежељених размака и знакова.

Добра Шифра

  ; color : # 333333 ; background : #cccccc ; } Х2 (фонт-сизе: 18пкс; боја: # 333333; позадине: # цццццц;) 

Бад Шифра

 ; color : # 333333 ; background : #cccccc ; } Х2 (фонт-сизе: 18пкс; боја: # 333333; позадине: # цццццц;) 

2. Комбинују елементи

Један од најбољих начина за чување линија кода је од груписаних селектора. Постоје неки примери испод онога што сам позива.

Добра Шифра

  Х1, Х2, Х3 (
 ; color : # 333 ; фонт-сизе: Ариал, Хелветица, санс-сериф; боја: # 333;
 ) 

Бад Шифра

  Х1 (
 ; color : # 333 ; фонт-сизе: Ариал, Хелветица, санс-сериф; боја: # 333; 
 )
 Х2 (
 ; color : # 333 ; фонт-сизе: Ариал, Хелветица, санс-сериф; боја: # 333;
 )
 х3 (
 ; color : # 333 ; фонт-сизе: Ариал, Хелветица, санс-сериф; боја: # 333;
 ) 

3. Користе "маргин" у центру распореда

Многи почетници да ЦСС не могу да схватим зашто не можете једноставно користити пловак: центар да постигне ефекат да је центриран на нивоу блок елементима. Само ако је било лако! Нажалост, мораћете да користите.

Шифра

  # Цонтаинер (
 ; /* top, bottom - and left, right*/ маргин: 0 ауто; / * горе, доле - и лево, десно * /
 Ширина: кскскспкс;
 ) 

4. Ваш коментар ЦСС

То је одлична идеја да коментарише свој код у одељцима. Да би додали коментар, само додајте / * иза коментара, а * / да га затворите, следећи начин:

Шифра

  /******** ШИФРА Старт Хере ********/ 

5. Користи ЦСС Компримовање Алатке

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

проверите онлине ЦСС компресовање алата ...

Чист цсс

Очистите ЦСС

Цсс Оптимизер

Флумпцакес ЦСС Оптимизер

цссдриве ЦСС Цомперасор

У3Ц ЦСС Валидатор

Закључак

Ово су само неки од савета који ми помажу да се боље писати код. Надам се да ће приручник вам помоћи да пишете боље и чист код. Примените ове Савети за тренутне и наредне пројекте, а ви сигурно ће цијенити напоре.

Ако мислите да упутство може да буде боље, Молимо Вас да поделите са нама. Коментар нама

ако желите да добијете више туторијала од нас, молимо Вас да размислите Претплатите се наш феед по РСС Феед или путем е-поште.

Подастрт испод: ЦСС, Туториали админ