Как да напиша добро и чисто код CSS

Използвайте параграфи.

Разделяне на код в параграфи е друг начин да направите вашата програма много структуриран и лесно да се намери точните правила. Дори един прост разделение на параграфите на класове и документи за самоличност, кодът много по-лесно да се чете и по-лесно ориентиране в него. Тя ще изглежда много малки неща, но в действителност те са в състояние значително да се повиши своя код и да я направи по-лесно да се работи с тях в развитието и промяната в бъдеще.

Използвайте съкращение влизането код.

Кратък код е в състояние да напише някои CSS правила в обобщен вид. Аз вярвам, че това е един от най-удобните неща за CSS. Например, вместо правила за пълнеж вата-отгоре: 5px; вата-надясно: 5px; подложка дъно: 5px; уплътнение ляв: 5px; можем да пишем много по-кратък подложка: 5px 5px 5px 5px;. Значителна разлика, както в писмена форма и в възприятие, не е тя? Все пак, въпреки тази възможност, има много CSS документ, който не разполага с кратък код.

Представете си, че имате 350 линии на CSS код, където всеки клас или ID се състои от пет правила и използвате кратък пример код за правилата за полетата. Сега се опитват с помощта на кратък код, напишете подробен код на правила за марж. марж-отгоре, марж-надясно, долна граница, марж-наляво. Оказва се, че всеки клас или лична получава три допълнителни линии. Така че ние се увеличи на 350 реда код, за да 500. poluchetsya, че ние просто добавят допълнителни 150 линии на ненужни код, компрометира цялата навигация dokumet и усложняване на правилата за работа.

Поради това, когато ти е удобно с помощта на кратък запис на правилата, за да ги регулират, а в същото време да се увеличи скоростта.

Използвайте едно правило на ред.

Един от най-досадните неща, които често могат да се видят в кода на CSS, рекорден брой правила на същата линия. Мисля, че това е не само грозни, но и неефективна. Ефективност на код започва с организацията, защото организацията ускорява кодиране и улеснява ориентацията в кода. Всичко това в крайна сметка води до производителността. Без да създава хаос и има отделни правила CSS по отделни линии, можете значително улеснява живота им. Вие ще го разберете в дългосрочен план, когато трябва да направят промени в документа, с стиловете.

Маркирайте хакове в отделен файл.

Винаги отделяйте своите каки стилове всичките ви любими Internet Explorer от основния документ с стиловете. Нека най-вече на CSS документ все още имате всички правила на страниците си, за да бъдат показани в нормални браузъри. Създаване на отделен документ за стилове с CSS хакове за различни версии на Internet Explorer. Ако смесите хаковете с основния документ, вие не само ще усложни самия документ, но не го направи валиден. Тъй като не може да се побере в един документ кода за различни версии на браузъра. Ето защо, опростяване, доколкото е възможно стилове, да ги разделят на отделни части документи. Така получавате добре организирана структура.

Нека смислени имена CSS класа и ID

Доста често, когато времето е кратко и директно красота особено веднъж, разработчикът създава клас и го нарича първото име, което идва на ум. По принцип, това е ясно за него само съкращения, които по-късно дори и той не забравя. И проблемът тук е, че. С течение на времето, когато става дума за необходимостта да се промени нещо в стиловете, вече не може да се разбере това, което прави този или онзи клас. За това ние трябва да отворите HTML и да намерят в него името на класа и да се опитаме да разберем това, което той прави. Вместо това, ако един клас има име със смисъл, това значително улеснява редактирането на CSS.

Премахване на неизползваните CSS класове и ID веднага.

Доста често, да правите промени в проекта, ние сме за създаване на нови класове и документи за самоличност, заменяйки стария си и вече ненужни. Понякога просто не се използват какви класове и идентификационните номера. Но вместо веднага да се премахнат неизползваните елементи, ние ги държи по някаква причина. Постепенно документа започва с стиловете съдържат много неизползвани класове и документи за самоличност, което усложнява работата с документа. Тя започва да се случи объркване сред използваните и неизползваните елементи. Затова трябва да го правят по правило веднага премахване на излишните елементи, ако те не се използват на страниците. Ако смятате, че някои от тях може да се наложи в бъдеще, да ги преместите в един архивен файл. Да не се съхранява в основния документ.

Използвайте по азбучен ред.

Има и друг положителен момент. което е по-лесно да се работи с кода и допълнителното изменение. Това азбучен ред по местонахождението на класове и документи за самоличност. И най-важното, че тя наистина работи. И дори на правилата в рамките на класове и идентификационните номера е по-добре да има също по азбучен ред. Така че си правила са добре организирани и лесно ще намират правилната правилото бързо се ръководи по азбучен ред. Можете да проверите това твърдение и да е списък, а ако списъкът е сортиран по азбучен ред, тя е много по-лесно да се чете.

Поставете селектори заедно

Друг лесен начин да организирате вашите документи с стилове, комбинация от различни селектори, ако имат сходни дефиниции и правила за стил. Например, ако имате подобни определения стил за таг Ли и ол. След това можете да ги комбинирате в една дефиниция. Така че можете да спестите място и постигане на по-стегнат запис, който е винаги по-лесно разбрана.

Разделете документ CSS комплекс до няколко прости

Ако работите на много голям проект, и се опитайте да промените стила на документа, заплитане в безкрайни линии на CSS, тогава аз ще ви посъветва просто да я разделят на по-малки и по-прости. Първо се опитайте да разделите логично документ си с стилове в няколко групи. И след това се разделят на документа в няколко файла и да ги поставят в групата си.

Това значително ще улесни по-нататъшни промени. Вместо да търсите в един голям файл на определени правила, директно можете да отворите файла и да работите с него вече. Вие значително ще спести време и да се опрости работата със стил.

Например, вие можете да изберете вида на типографията в един файл, и стиловете са отговорни за елементите на формат в друг. И сега, ако имате нужда от промяна или добавяне на стилове за типография, можете лесно и бързо да се отвори съответната преписка, без да променя останалите.

Въпреки това, за малки проекти разделяне на файлове може да усложни работата със стил. Само когато се работи с голям документ CSS става трудно, и само трябва да се прилага raezdlenie на по-малки файлове.

Заключение.

Останете Свързани

С четене този сайт, вие се съгласявате с използването на Cookie файлове. В противен случай оставете този сайт. Съгласен съм