Вёрстка сайта: Что такое CSS?

23 августа 2010 | Автор: | Категория: Уроки вёрстки

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

Сегодня поговорим о том, что такое CSS и в чём его отличие от HTML.

CSS (Cascading Style Sheets) – в переводе на русский Каскадные таблицы стилей. Используется для оформления внешнего вида веб-страниц.

Чем отличается CSS от HTML?

Изначально HTML использовался только для разметки содержимого веб-страниц. С помощью него можно было указать, где в тексте таблица, список или картинка. Эта информация интерпретировалась браузером и отображалась в удобной для человека форме.

Со временем к внешнему виду веб-страниц начали предъявлять более серьёзные требования, что привело к появлению новых тегов, таких как: <font>, <strong>, <em> и др., которые определяли внешний вид документа, а не его структуру. Таких тегов появилось довольно много. Все, казалось бы, шло хорошо, но как оказалось, большая часть этих тегов поддерживалась только одним видом браузеров. Обычным делом при просмотре той или иной страницы стало появления ошибки: «Вам необходим браузер X для просмотра этой страницы».

Чтобы исправить эту ситуацию, был создан CSS. Он предоставлял возможность точного дизайна веб-страницы, который поддерживался всеми браузерами.

Преимущества CSS:

1. Управление внешним видом всех страниц сайта, с помощью одного файла стилей.

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

CSS позволяет хранить параметры форматирования (цвет, размер, шрифт и др.) в стилях. Можно создать отдельный файл стилей, и указать в нём параметры форматирования для всех элементов страницы. Если в будущем понадобиться, что-то изменить, достаточно внести изменения в файл со стилями.

2 Точный дизайн страниц, который поддерживают все браузеры.

3 CSS предоставляют более широкие возможности для форматирования, чем HTML.

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

Комментарии к "Вёрстка сайта: Что такое CSS?"

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *