1. Сброс
На самом деле, всегда используйте сброс, будь то сброс Эрика Мейера, сброс YUI или ваш собственный сброс, обязательно используйте его.
Это может быть так же просто, как удаление атрибутов поля и заполнения со всех элементов:
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, блочная цитата,
предварительно, форма, набор полей, таблица, й, тд {маржа: 0; заполнение: 0;
Стиль Resets Эрика Мейера и YUI великолепен, но на мой взгляд, он заходит слишком далеко. Я хочу, чтобы вы все очистили, прежде чем переопределять многие свойства элемента. Это то, что рекомендует Эрик Мейер. Если есть более эффективный способ его использования, вам не следует просто взять его файл стиля и поместить его прямо в свой проект — усовершенствовать его, перестроить на его основе, сделать своим собственным.
Ой, пожалуйста, не делай этого больше:
* {маржа: 0; заполнение: 0;
Он используется во многих местах, если убрать отступы переключателя, что, по вашему мнению, произойдет? Элементы формы иногда выглядят необычно, поэтому лучше оставить их как есть.
2. Сортировать по алфавиту
небольшой тест
Как вы думаете, какой из двух приведенных ниже примеров может быстрее найти расположение атрибута поля-права?
Пример 1
div#header h1 {
z-индекс: 101;
цвет: #000;
положение: относительное;
высота строки: 24 пикселей;
поле справа: 48 пикселей;
нижняя граница: 1 пиксель сплошной #dedede;
размер шрифта: 18 пикселей;
}
Пример 2
div#header h1 {
нижняя граница: 1 пиксель сплошной #dedede;
цвет: #000;
размер шрифта: 18 пикселей;
высота строки: 24 пикселей;
поле справа: 48 пикселей;
положение: относительное;
z-индекс: 101;
}
Не говорите мне, что пример 2 не такой быстрый, как пример 1! Сортируя свойства этих стилей в алфавитном порядке, вы создаете согласованность, которая поможет вам сократить время, затрачиваемое на поиск определенного свойства.
Я знаю, что некоторые люди организуют порядок стилей таким образом, а другие используют другой способ организации порядка стилей. Но в моей компании мы единогласно решили рассортировать вещи по алфавиту. Этот подход определенно подойдет вам, когда вы будете разрабатывать код вместе с другими. Я ненавижу каждый раз, когда вижу таблицу стилей, не отсортированную по алфавиту, потому что она выглядит беспорядочной и неорганизованной...