Введение в CSS.

В этой статье поговорим о CSS и его преимуществах. Давайте еще раз вспомним что такое CSS:

CSS (Cascading Style Sheets, Каскадные Таблицы Стилей) — это формальный язык, созданный для управления стилями внешнего вида веб-страниц. Пример страницы web-документа без CSS:


Введение в CSS.

Пример страницы web-документа оформленный с помощью CSS:


Введение в CSS.

На примерах видно, что один и тот же сайт совершенно по-разному выглядит и конечно второй вариант лучше понравится пользователю данного сайта.

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

Основные преимущества CSS:

  1. одновременное редактирование оформления сразу всех веб-страниц сайта;
  2. более чистый код. После воплощения идеи о разделение содержания и оформления, веб-страницы уменьшились в коде и весе, соответственно увеличилась скорость их загрузки;
  3. более широкий спектр возможностей по оформлению. Дизайн сайтов c технологией CSS намного красивее;
  4. возможность оформления стилей для различных устройств (компьютеры, планшеты, смартфоны и т.п.);
  5. разделение на классы. CSS позволяет редактировать не только весь сайт, но и отдельные группы элементов в отдельных веб-страницах.

Типы стилей

Различают несколько типов стилей, которые могут совместно применяться к одному документу. Это стиль браузера, стиль автора и стиль пользователя.

Стиль браузера

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

Стиль автора

Стиль, который добавляет к документу его разработчик.

Стиль пользователя

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

 
Поделиться в facebook
Facebook
Поделиться в twitter
Twitter
Поделиться в vk
VK
Поделиться в google
Google+
Поделиться в email
Email

Один ответ к “Введение в CSS.”

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

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

Группа в VK

Помощь проекту

Обнаружили опечатку?

Сообщите нам об этом, выделите текст с ошибкой и нажмите Ctrl+Enter, будем очень признательны!

Свежие статьи

Похожие статьи

CSS flexbox

CSS flexbox

CSS flexbox (Flexible Box Layout Module) — модуль макета гибкого контейнера — представляет собой способ компоновки элементов, в основе лежит идея оси. Flexbox состоит из

 
Препроцессор Sass

Препроцессор Sass

Sass — это метаязык на основе CSS, предназначенный для увеличения уровня абстракции CSS-кода и упрощения файлов каскадных таблиц стилей. Язык Sass имеет два синтаксиса: sass

 
Программируемый язык стилей LESS

Программируемый язык стилей LESS

LESS (Leaner Style Sheets, компактная таблица стилей) — это динамический язык стилей, который разработал Alexis Sellier. Он создан под влиянием языка стилей Sass, и, в

 
CSS-фреймворки

CSS-фреймворки

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

 

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: