CSS – это элементарный формальный язык, служащий для описания оформления внешнего вида документа, созданного с использованием языка разметки html. Cascading Style Sheets - Каскадные таблицы стилей.
Основной сложностью является запоминание всех свойств, даже с базовым знанием английского языка можно с этим разобраться.
Цвет фона : background-color;
Высота : height;
Ширина : width;
Прозрачность : opacity;
Цвет : color;
Назначение CSS – создание стиля, изменение внешнего вида сайта и работа над приятным оформлением. Если документ создан только с использованием HTML, то в нем определяется не только каждый элемент, но и способ его отображения (цвет, положение блока, шрифт, размер и т. д.). Если же подключены каскадные таблицы стилей, то HTML описывает только очередность объектов. А за все их свойства отвечает CSS. В HTML достаточно прописывать class или же идентификатор id, не перечисляя все стили каждый раз.
Плюсы использования CSS
- обеспечивает быструю и простую разработку, т.к можно применять ко многим страницам одиножды созданные стили и оформление;
- обеспечивает возможность создавать адаптированную версию для мобильных устройств или специальные стили для слабовидящих;
- увеличивает удобство, гипкость верстки сайта – достаточно изменить свойства в CSS, чтобы оформление изменилось на всех страницах;
- ускоряет время загрузки, потому что CSS может кэшироваться при первом открытии, а в последующих считываются только данные, структура;
- делает код более простым, снижая повторяемость элементов и его проще читать другим программистам;
- увеличивает количество решений для визуального представле-
ния содержимого веб-страницы;
То есть каскадные таблицы служат не только для оформления и дизайна сайта, но также меняют подход к верстке сайтов, значительно упрощая работу программистов и обеспечивая гибкость реализации.
Версии CSS.
В 1996 году, впервые, был принят стандарт CSS1, появилась возможность изменять параметры шрифта, атрибуты текста, цвет, отступы и выравнивания.
В 1998 году уже появилась вторая версия CSS2, добавившая возможности применения блочной верстки, генерируемого содержания, указателей, звуковых таблиц, страничных носителей.
Версия CSS3 очень сильно преувеличила возможности стилей: появилась поддержка сглаживания, стало доступным создание анимированных элементов без использования JavaScript, теней, градиентов и т. д.
Каскадные Таблицы Стилей, или CSS, отвечают за определение стилей: цвета, макеты, стили шрифтов, размеры шрифтов и т. д. Другими словами, любые стилистические типы вещей. Например, если у нас есть заголовок в нашем HTML-документе, CSS может указать цвет шрифта и размер шрифта текста, идентифицированного как заголовок в HTML.
Если говорить простым языком CSS можно представить как совокупность правил, характеризующих, как должен выглядеть элемент.
Правило состоит из селектора и блока объявлений, который в свою очередь состоит из свойства и значения, заключенных в фигурные скобки.
Селектор сообщает, к какому элементу веб-документа будут применены описываемые в CSS свойства стиля. В качестве селектора может выступать любой тег, которому задаются стили (цвет, размер, шрифт и т. д.). Если же для тега нужно применить один стиль для отличных элементов или задать разные стили, используются классы (или идентификаторы) и запись вида .Имя класса {свойство: значение;}.
Имя класса обязательно задается латиницей и также может содержать подчеркивание или дефис. Если не указывать тег, а начинать запись с .Имя класса, то можно использовать правило для любого тега, имеющего этот класс.
Идентификатор, как и класс задает уникальное имя элемента для изменения стиля или обращения с помощью скрипта. Запись #Идентификатор {свойство: значение;}. Название идентификатора, так же как и класса состоит из букв латинского алфавита, допустимо использовать дефис и подчеркивание. Чтобы применить стили к идентификатору конкретного тега через знак решетки пишется название идентификатора.
Запись в блоке объявлений состоит из пар «свойство: значение» и всегда ведется через двоеточие, размещается в фигурных скобках. В конце записи обязательно ставится точкой с запятой. CSS нечувствителен к табуляции, регистру, пробелам, что упрощает работу с ним. Способ записи не имеет значения: столбиком с отступами или просто в строчку.
Как происходит подключение CSS
CSS связывается с HTML несколькими способами:
- внутри нужного тега с помощью атрибута style. В таком случае не нужно указывать селектор, стили прописывать и через = в ковычках прописывать значения;
- добавление тега <style> с атрибутом type="text/css";
- подключить внешнюю таблицу стилей в блоке <head> веб-документа: link rel="stylesheet" href="/style.css" type="text/css"/.