«Настоящая радость в постижении основ» — сказал великий танцор Михаил Барышников. В CSS крепкие основы — это прочный фундамент вашего сайта. Давайте рассмотрим некоторые CSS советы, которые станут прочной основой для верстальщика. 1. Использование reset.css
По умолчанию браузеры, например Firefox и Internet Explorer, по разному интерпретируют стили из-за собственных базовых CSS. reset.css помогает сбросить дефолтные стили браузеров, что дает вам возможность начать с «чистого листа» — увидеть базовые CSS-свойства одинаково в большинстве браузеров.
Вот некоторые из наиболее часто используемых reset.css фреймворков — Yahoo Reset CSS, Eric Meyer’s CSS Reset, Tripoli
2. Используйте сокращения в CSS
Шорткаты в CSS дают более короткий способ описания свойств, при этом код становится чище и легче.
Вместо CSS кода такого типа:
1
2
3
4
5
6
.header {
background-color: #fff;
background-image: url(image.gif);
background-repeat: no-repeat;
background-position: top left;
}
Можно написать более понятный и короткий код:
1
2
3
.header {
background: #fff url(image.gif) no-repeat top left
}
