7 причин использования CSS на сайте

Номер:

Что такое css-cascading style sheets? Не будем останавливаться на определении, есть множество ресурсов и статей на эту тему. Вместо этого я поделюсь с вами, почему следует перевести весь сайт на основу css.

Если раньше вы использовали его только для изменения шрифта по умолчанию или определения некоторых стилей, вы не догадывались, насколько большим потенциалом обладает css.

Вот только несколько интересных вещей, которые можно создать с помощью css.

1. Css можно применить для реализации эффекта rollover, когда при наведении курсора на ссылку появляется картинка. Хотя rollover легко реализуется с помощью JavaScript, однако в этом случае код получается довольно громоздкий. Как это реализовать, можно посмотреть на сайте известного Эрика Мейера http://meyerweb.com/eric/css/edge/popups/demo.html

2. Разделение содержания и дизайна. Просто словами объяснить это будет сложно, поэтому перейдите по ссылке http://www.csszengarden.com , наведите курсор на левую колонку, и вы поймете, о чем идет речь. Содержание остается прежним, но конструкция совершенно иная. Это на самом деле удобно, когда вы хотите изменить внешний вид вашего сайта, не касаясь самого html кода. Просто смените один css файл, и весь ваш сайт изменит вид.

3. С css не нужно широко использовать таблицы, а так же вложения таблиц в таблице. Нет необходимости знать, какой из тэгов, относящихся к таблице, не закрыт.

4. Если есть необходимость смены цвета или размера в тэгах H1, достаточно сделать изменение в css файле и все тэги на всех страницах изменятся.

5. Больше эффектов для дизайна, чем может дать обычный HTML. В HTML вы можете изменять цвет, шрифт и стиль вашего сайта. В CSS можно изменить цвет фона (например, установить его на желтый, создать эффект highlight), границы, интервалы между словами и буквами.

6. Ускорение загрузки страниц. Чем больше кода размещено на сайте, тем дольше открываются страницы и соответственно расходуется интернет траффик. Css легко справляется с уменьшением кода.

7. Поисковая оптимизация. С помощью css можно поместить навигацию, текст, различные кнопки вниз html кода, при этом отображаться они будут там, где вы хотите. Таким образом, поисковые роботы будут считать основной контент, который вверху кода более важным.

Если вы решили сделать редизайн, это обязательно улучшит внешний вид сайта, увеличит поток посетителей, а также позволит сэкономить деньги на хостинг. Выбор за вами.