Как красиво записать свойство селектора

[barman]

вот код

#head {width: 902px; height: 131px; margin: 0 auto; border-left: 1px solid #979c98; border-right: 1px solid #979c98; background: #d9e2da

как сократить

Edited December 27, 2010 by barman

[psywalker]

Лучше в столбик и в конце точку с запятой ещё не забудь.

[Vlad]

Сократить или красиво записать? Это взаимоисключающие параграфы.

[deadrash]

Маниакальный минимализм ещё никого не красил, лучше наоборот писать так как будто у тебя холст без границ; широким росчерком и с отступами, в столбик с ровной отбивкой, смотреться будет куда изящнее. И попробуй выравнять всё по двоиточию например.

[ZI DAN]

Красиво будет использовать класс, а не id. Записал бы я так:

#head 
{
   width: 902px;
   height: 131px;
   margin: 0 auto; 

   border-left: 1px solid #979c98;
   border-right: 1px solid #979c98;
   background: #d9e2da;
}

[barman]

Красиво будет использовать класс, а не id.

Почему, просто в моём случае Див уникальный и не повторяется... в чем соль?

[Vlad]

Это давний спор о том, что везде для верстки надо использовать классы, а id только для скриптов.

[Great Rash]

Привязка стилей к id - зло. Почему программист должен думать о том какие стили висят на элементе когда ему требуется назначить id элементу? Я как программист не хочу задумываться о том, что я могу случайно изменить внешний вид блока, назначив ему id="head".

[psywalker]

Привязка стилей к id - зло. Почему программист должен думать о том какие стили висят на элементе когда ему требуется назначить id элементу? Я как программист не хочу задумываться о том, что я могу случайно изменить внешний вид блока, назначив ему id="head".

До последнего проекта, не думал об этом так серьёзно, как сейчас. Пока не напоролся на проблемы связанные с этим делом. Поэтому соглашусь на 100% с тобой камрад, теперь я это точно понял.

[Vlad]

Мне нравится как в Друпале (не только в нем) реализован подход со стилями. Можешь писать как пожелаешь, на самом сервере файл минифицируется - удаляются каменты, все записывается в одну строку. Саму минификацию можно включать/выключать по желанию.

[rash]

Я, конечно, не художник, чтобы красиво, но:

.head 
{
	width: 902px;
	height: 131px;
	margin: auto; /* auto ставит нулевой вертикальный отступ, так что указывать это явно нет необходимости */

	border: solid #979c98;
	border-width: 0 1px;
	background: #d9e2da
}

и да, стили навешиваем на класс.

[deadrash]

Привязка стилей к id - зло. Почему программист должен думать о том какие стили висят на элементе когда ему требуется назначить id элементу? Я как программист не хочу задумываться о том, что я могу случайно изменить внешний вид блока, назначив ему id="head".

А если верстальщик 100% знает что у данного блока обязательно будет ID? для чего ему городить рядом с айдишкой ещё и класс и уже на класс вешать стиль, или он должен задумываться что программисту возможно не понравиться его название для айдишника?

[arez]

А если верстальщик 100% знает что у данного блока обязательно будет ID? для чего ему городить рядом с айдишкой ещё и класс и уже на класс вешать стиль, или он должен задумываться что программисту возможно не понравиться его название для айдишника?

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