Time to site

Здесь можно заказать сайт и продвижение в сети

телефоны: +3 (095) 818 40 61 или +3 (063) 135 02 90

Вы здесь: Главная / Статьи / Создание сайта / Что такое CSS? Основы использования
06
Дек2013

Что такое CSS? Основы использования

Что такое CSS? Основы использования

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

Введение

К примеру – вы на своем сайте захотели сделать на главной странице заголовок синим цветом, с размером – 20px, а внутри сайта – черным цветом, и с размером, допустим, 14px. Как это сделать? Ну для начала нужно помнить, что заголовок – это тег h1. Поскольку мы используем CSS, заголовок будет объектом, а размеры и цвет – атрибуты (параметры). В этом случае атрибуты заголовка, являющимся объектом, разные для страниц. Они отличаются стилем CSS.

Как все начиналось

Каждый элемент на страницах вашего сайта имеет право иметь свой фирменный стиль, типа шрифта, параграфа, линии, рамки и так далее. Весь набор этих стилей называют банально просто – таблицы стиля. Чуток истории. Хочется отметить, что СSS одобрено консорциумом W3C и получило общее название «стандарты WEB». В 90-х годах нужно было стандартизировать вэб, создать что-то общее, какие-то правила, которые сделали бы возможным занятие веб-дизайном и программированием на всех континентах. Так появился HTML и CSS.

Три преимущества CSS

В чем же состоят преимущества CSS, и какие отличия таблиц стиля от HTML?

  1. Первое преимущество – одно из самых основных - длинна кода. При использовании каскадных таблиц стиля (CSS), значительно сокращается размер кода страницы, и в итоге – всего сайта. Это очень помогает при загрузке сайта.
  2. Второе, что хотелось бы отметить, это дополнительные параметры. При использовании таблиц стиля возможно задать такие параметры, которые невозможно было бы задать используя HTML.
  3. Третье – также одно из основных. Это внешний вид сайта, и легкость редактирования. С помощью таблицы стиля можно редактировать сразу все страницы, которые находятся у вас на сайте. Поэтому, когда у вас сайт-портал, состоящий из 30 страниц, и Вам вдруг захотелось поменять цвет заголовков или шрифтов, работая с HTML, вам бы пришлось редактировать каждую страницу в отдельности. В таблице каскадных стилей это можно сделать без особых усилий.

Взаимодействие с браузерами

Каскадные таблицы стилей могут поддерживаться на некоторых браузерах не вполне. Например - Internet Exploer. Наиболее популярная версия – 6, не до конца понимала каскадные таблицы стиля. Разработчики решили с этим побороться, и уже в 7й версии стало заметно улучшение понимания, однако ещё нельзя сказать, что браузер полностью взаимодействует с CSS. Наиболее поддерживающие стандарт CSS являются браузеры с движками Presto (Opera), WebKit (Google Chrome, Safari, Yandex) и Gecko (Mozilla). Поэтому у вэб-дизайнеров всегда установлено по 7-8 браузеров.

Выводы

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

Прочитано 88 раз Последнее изменение Пятница, 06 Декабрь 2013 08:00
Оцените материал
(1 Голосовать)

Комментарии  

0 # Иван 06.12.2013 08:34
Спасибо автору :-)
Ответить | Ответить с цитатой | Цитировать
0 # Перт Ильич 14.12.2013 08:57
Спасибо за статью!!! :lol:
Ответить | Ответить с цитатой | Цитировать
0 # Администратор 14.12.2013 09:02
Цитирую Перт Ильич:
Спасибо за статью!!! :lol:

Всегда рады! 8)
Ответить | Ответить с цитатой | Цитировать

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


Защитный код
Обновить

Мы в социальных сетях

Связаться с нами

Веб студия Time To Site
г. Донецк, бул. Шевченко, д. 133
Телефон: +3 (8095) 818-40-61
Мы работаем с 10:00 до 18:00

QR - код