CSS

Этот раздел содержит всю информацию о каскадных таблицах стилей (Cascading Style Sheets, сокращенно - CSS): Что такое каскадные таблицы стилей? Для чего нудны каскадные таблицы стилей? Как пользоваться каскадными таблицами стилей?

Описание CSS

Что такое CSS? CSS, или Cascading Style Sheets (что в переводе с английского - Каскадные Таблицы Стилей) - это набор правил или параметров, с помощью которых CSS придает страницам сайта внешний вид.

В стандартном HTML внешний вид элементов страницы придавался путем прописывания атрибутов у элемента.

Пример оформления средствами HTML:

<p> <font color="red" size="5">Какой-то текст...</font> </p>

И если представить что это только один абзац из множества, то несложно догадаться, что, во-первых, объем страницы увеличивается. А во-вторых, изменение внешнего вида превращается в ночной кошмар, т.к. чтобы изменить размер текста, необходимо править каждый абзац в каждой странице.

С появлением CSS создание и редактирование внешнего вида страниц сайта превращается в детскую забаву.

Пример оформления с использованием CSS:

p{color: red; font-size: 18px;}/* Код CSS */  <p>Какой-то текст...</p><!-- код HTML --> 

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

Отделение содержания от оформления:

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

Одно оформление для всех страниц сайта:

Все параметры Каскадных Таблиц Стилей можно, или даже нужно, вывести в отдельный файл и подключать к страницам. Это дает сразу два преимущества. Первое - редактирование одного файла приводит к изменениям на всех страницах. А второе - ускорение повторной загрузки страницы благодаря кэшированию браузеров.

Больше возможностей:

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

Это только небольшой перечень преимуществ использования CSS.

Немного истории CSS.

В Августе 1996 года компания Microsoft выпустила браузер Internet Explorer 3 с поддержкой  стандарта CSS1. Это был переворот в создании сайтов. CSS1 предоставляла пользователю такие возможности как: полное форматирование текста: цвет, шрифт, размер, начертание, расстояние между словами, выравнивание текста; внешние и внутренние отступы элементов, и многое другое

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

в 2009 году, 8 сентября появился стандарт CSS2.1. В этом стандарте были исправлены некоторые ошибки CSS2, изменены некоторые моменты, исчезли особенности CSS2.

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