Page 13 - jQuery для начинающих

CSS. Погружение

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

О форматировании

Нет, я не властен над собой, и таки приведу в качестве примера CSS форматирование,
которое я использую:

/*header*/
hgroup {

margin-bottom: 16px;
font-weight: 400;

}
hgroup h1 {
color: #999;

}
hgroup h2 {

font-size: 1.4em;
margin-top: 0;
}

/*/header*/

Почему это хорошо:
 такой CSS легко читается

 есть идентификатор начала и конца блока (можно быстро найти необходимую часть
даже в очень большом CSS файле используя поиск по метке *header)
 подобное форматирование явно указывает на вложенность элементов
 и можно легко проследить наследование свойств

Я не настаиваю на своём варианте, но хотелось, чтобы вы приняли на вооружение один из
многих стандартов форматирования, и всегда следовали ему.

Именование классов и идентификаторов

Я уже затрагивал эту тему, когда рассказывал о релевантности HTML, так вот – имена
классов могут быть «b-service-list__column b-service-list__column_right» и это
будет круто, и «must be» – но лишь в рамках действительно больших проектов, и
собственно чего я распинаюсь, дам ссылки – информации из них хватит еще на одну книгу ;)

13

www.trk.kg