7 Полезни съвети за писане на добър код, CSS, CSS

Писане първата си CSS код може да изглежда много необичайно, ако се използва за работа с електронни таблици, или никога не са използвали стилове.

Показани са 7 различни методи можете да използвате, за да напишете валиден и чист CSS код и опростяване на процеса на писане на код, и не забравяйте, че вие ​​ще получите резултати бързо и ефективно.

1. Започнете с CSS Reset

Писане CSS код може да бъде не е тривиална задача, когато трябва да пиша някакъв код отново и отново, само за да получите различни браузъри покаже същото маркиране. Това е, когато нужда CSS Reset. Като се има предвид, че този прием са гении CSS, като Е. Майер, няма причина да не загубите всичките си браузъри "на нула" и да започне изграждането стилове от нулата.

Някои хора казват, че CSS стилове Reset безполезен, но когато се използва за възстановяване на елементите стил, с който работят, ще бъдат много по-лесно да им се предоставят и същ дисплей в различни браузъри.

3. отстъп във вашите правила CSS за по-добро търсене

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

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

4. Едно правило - един ред ... Няколко правила - няколко реда

След този прост метод, можете бързо да изчисти бъркотията във вашите CSS файлове. По-долу можете да видите два различни начина на писане на CSS код. Някои хора се опитват да намерите всяко правило на нов ред, но аз се придържаме към горните методи: едно правило = един ред, както и няколко правила = повече линии.

5. Научете (и използване) съкратен код

CSS кратък код ще ви позволи да се ускори процеса на писане, намаляване на безпорядъка в стилове и да ви позволи да намерите правилата, които трябва много по-бързо. Така че, защо толкова много хора все още пишат толкова дълго CSS код?

Писане този код в съкратен формат го прави много по-ясна. Кратко код използва посока на часовниковата стрелка, така че броят на примерите по-долу се отнасят до върха, надясно, отдолу, отляво.

6. Напиши CSS код и по азбучен ред за по-лесно четене

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

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

7. Използвайте приятелски имена на класове и ID

Няма нищо по-лошо от това да редактирате част от код, когато тя изглежда по следния начин:

Изборът на правилната име за вашия клас и ID, ще ви помогне да разберете къде да търсите за този или онзи елемент във вашите стил лист файлове, както и във вашите HTML файлове. Аз бих препоръчал да се използва приблизително следните значими имена, за да поддържат ясен и разбираем код:

Превод на статията "7 Добри съвети за писане по-добро CSS» е изготвен от екип от приятелски Уеб дизайн проект от А до Я.