20170409

CSS

CSS это есть сокращение от Cascading Style Sheets, т.е. Каскадные Таблицы Стилей.

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

Существует 3 основных способа подключения CSS в страницу HTML.

Способ 1. Этот способ относится к одному, отдельно взятому элементу. В примере ниже, все элементы отображаются по-прежнему без изменения дефолтной схемы стилей. Но один элемент, для которого определен специальный атрибут style будет отображаться по другому, в соответствии с контентом данного атрибута.

 

Вот так этот код будет отображаться в браузере:
/samples/css_sample_1/

Способ 2. С помощью данного способа мы можем назначить определенные свойства для группы однотипных элементов.

В следующем примере мы определяем однотипные свойства для всех элементов <p>. Но один элемент <p>, для которого определен специальный атрибут style будет отображаться по другому, в соответствии с контентом данного атрибута.

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

 

Вот так этот код будет отображаться в браузере:
/samples/css_sample_2/

Способ 3. Стили хранятся в отдельных специальных файлах *.css

 

Подключается файл css так:

 

Вот так этот код будет отображаться в браузере:
/samples/css_sample_31/

Ссылки по теме CSS:

Валидатор css
Курс CSS

###