2010-05-30 3 views
5

Я не могу понять, как стандарт (или просто популярный) имена стиля скобки применяются к CSS. Вот все стили скобок:CSS Brace Styles

/* one - pico? */ 
selector { property: value; 
      property: value; } 

/* two - pico extra */ 
selector { 
    property: value; /* Start Properties on Newline */ 
    property: value; } 

/* three - horstmann? */ 
selector 
{ property: value; 
    property: value; 
} 

/* four - GNU? */ 
selector 
{ 
    property: value; /* Start Properties on Newline */ 
    property: value; 
}​ 

/* five - GNU Saver */ 
selector { property: value; 
      property: value; 
} 

/* six - CSS Default */ 
selector { 
    property: value; /* Start Properties on Newline */ 
    property: value; 
} 

/* seven - Braces Aligned */ 
selector { property: value; 
      property: value; 
     } 

/* eight - Banner? */ 
selector { 
    property: value; /* Start Properties on Newline */ 
    property: value; 
    } 

Может кто-нибудь, пожалуйста, назовите каждый стиль фигурной скобки для меня?

Большое спасибо!

+6

Вы должны быть осторожны с этими стилями скрепляющих - это неправильно и злые феи придут и съесть ваш мозг. – slugster

ответ

7

Я бы сказал, что три - это Хорстманн.

Pico как есть, но открывающая скобка начинается с новой строки.

Баннер будет:

selector { 
    property: value; 
    property: value; 
    } 

Остальные ваши догадки кажутся правильными.

Я взял большинство из них из Indent style on Wikipedia :)

+0

Я назвал все 8, вы можете помочь улучшить их, если сможете. :) – 3zzy

+0

Шесть - это «OTBS» (один True Brace Style), четыре - Allman – TheDeadMedic

+0

Хорошо спасибо. Можете ли вы предложить лучшие имена для «Pico Extra» и «GNU Saver»: P – 3zzy

2

Я думаю, что вы сами назвали самые популярные стили отступов. Я лично, предпочитаю:

.class { 
    property: value; 
} 
+0

Я назвал все 8, пожалуйста, помогите улучшить, если сможете. – 3zzy

1

Я иногда пишу CSS с пусковым и рабочим окончанием скобки на ту же линию.
Часто используется как:
.foo {width:100%;height:550px;}

Как бы это назвать?

/* Nine - Almost-optimized(?) */
selector { property: value; property: value; }

Смежные вопросы