Упорядочение свойств CSS

Question

У меня есть следующий CSS:

body 
{ 
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    margin-top:0px;
    background-image: url("../images/tile.png");
    background-repeat: repeat;
    background-attachment: fixed;
}

#mbody
{
    width:80%;
    border-style:solid;
    border-width:2px;
    margin-left:10%;
    margin-top:50px;
    margin-bottom:10%;
    background-color:white;
 }

Существует ли общепринятый способ заказа свойств? По алфавиту? Сгруппированы по назначению? В настоящее время я просто добавляю их в конец, когда думаю добавить их. Делая это, я чувствую себя плохим человеком.

Answer 1

Я предпочитаю алфавитный.Другая вещь, которую вы должны сделать, это добавить специфичные атрибуты вендора перед стандартными, чтобы при наличии ваши элементы были стилизованы в соответствии со стандартом.Кроме того, рассмотрите возможность комбинирования совместимых свойств.

Используйте margin:none вместо:

margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;

И то же самое относится к background свойствам.

Answer 2

Подумайте о часах ...

Начните в 12:00, затем в 3:00, 6:00, 9:00.Вверху, справа, внизу, влево, как правило, я перечисляю свойства.

Я считаю, что используя некоторые новые свойства CSS3, такие как border-radius, вы должны перечислить их в таком порядке.

Answer 3

Это не имеет значения ни в малейшей степени.Просто не забудьте запустить файл через YUI-компрессор, прежде чем запускать его в производство.

Answer 4

Порядок свойств не имеет значения, но вы, как правило, должны упорядочивать их по назначению.Кроме того, не стесняйтесь использовать короткие формы, такие как margin: 50px 0 10% 10% вместо 4 margin-* правил.

Если вы думаете об упорядочении свойств по алфавиту, возможно, пришло время разделить ваши классы и определить общие свойства.в нескольких классах в одном классе или правиле.