Winston
Offline
| Дата: Пятница, 28.12.2012, 22:00 | Сообщение # 1
|
Освоившийся
Сообщений: 231
| Не последнюю роль в удобстве чтения кода и уменьшении его объема играют структуризация и оптимизация таблицы стилей. Целям более удобного чтения служит, например, установленная ранее договоренность писать названия селекторов заглавными буквами, а названия свойств - строчными. Вообще говоря, язык CSS регистронезависимый, т.е. правила: р{COLOR: red} и P{color: ReD} будут равнозначны. Поэтому в первую очередь стоит определиться, в каком регистре вы будете набирать названия селекторов, свойств и их значений. И в дальнейшем следует строго придерживаться этого правила. Здесь мы продолжим пользоваться тем же правилом, которое установили в начале.
Структуризация таблицы стилей ставит своей целью расположение CSS-правил в ней в определенном порядке. В таблице стилей, структурированной особым образом, очень легко найти нужное правило. Сейчас рассмотрим несколько способов структуризации, а право выбрать наиболее подходящий я предоставляю вам.
Первый способ. Все правила в таблице стилей делятся на три группы в зависимости от типа селекторов. В первую попадают селекторы по элементу, во вторую - селекторы по классу, а в третью - селекторы по идентификатору.
Второй способ - по сути, слегка модифицированный первый. Единственное отступление - это то, что селекторы по классу для каждого элемента следуют непосредственно за селектором по этому элементу. Такой способ более удобен, когда вы не пользуетесь универсальным селектором для классов и идентификаторов. Напомню, что универсальный селектор в общем случае - это его отсутствие перед именем класса или идентификатора. Вот несколько примеров: .firstheader в отличие от H1.firstheader; #menu в отличие от TD#menu. Внутри каждой группы правила также лучше всего структурировать, например, по алфавиту. Тогда вы точно будете знать, что правило для ссылок с селектором А находится в самом начале таблицы стилей, а идентификатор #zero в самом ее конце.
https://darimpromokod.ru https://tvoikassir.ru Лучшие предложения от банков и МФО.
|
|
|
|
Admin
Offline
| Дата: Суббота, 29.12.2012, 12:44 | Сообщение # 2
|
Мудрец
Сообщений: 839
| Отличные статьи! Простые и нужные.
https://darimpromokod.ru https://tvoikassir.ru Лучшие предложения от банков и МФО.
|
|
|
|