Начиная разговор о CSS или Cascading Style Sheets, как будет угодно, мы вернемся во времена палеозоя интернет-эры и вспомним, что в 1996 году был принят стандарт CSS первого уровня. Это событие, по значимости, стало революционным, т.к. смогло выделить в отдельный язык все форматирование страниц, отделив его от содержания. Это в значительной степени упростило и оптимизировало работу вебмастеров. Благодаря чему, теперь не требовалось изменять, к примеру шрифтовое оформление каждого элемента, а достаточным стало изменение его в определенном классе описанном в файле CSS.
Несколькими годами позднее, в 1998м, был принят второй стандарт, основанный на первоначальных правилах, при некоторых дополнениях. Он в свою очередь позволил разработчикам повысить уровень контроля над веб-страничками до больших высот.
Важность появления CSS языка сложно переоценить, однако об этом мы будем говорить ниже.
В данной статье рассмотрен очень важный момент верстки веб-страниц - box model, или другими словами блочная система верстки сайтов. Для раскрытия сущности данного понятия обратимся к спецификациям W3C. Данный документ гласит, что блочный элемент…
У каждого браузера есть свои встроенные, экспериментальные или нестандартные свойства и для того, что бы они корректно работали используют вендорные префиксы. В названии не зря использовано слово префиксы потому что, как и в грамматике, они являются…
Разберем подробно понятие селектора идентификатора. Основная его задача на практике заключается в выделении некоторого компонента по уникальному обозначению, то есть атрибуту id. В коде обозначается значком «#» после которого следует его название…
Работая с CSS, перед нами постоянно стоит задача составления наиболее рациональных селекторов. Понимание принципа действия селектора потомка становиться одним из ключей к написанию качественного кода. Селектор потомка помогает реализовать одну из…
Бывают случаи, когда на один элемент в html накладывается несколько стилей, которые находятся в разных местах в Css и противоречат друг другу (например p{ color:#fff;} и div p{ color:#000;}). При возникновении подобной ситуации у нас появляется…
Практически все верстальщики знают о существовании селекторов атрибутов css и хоть раз да встречали у себя в коде конструкции из разряда input[type="submit"], но лишь избранные единицы знают, что на самом деле их существует 7 разновидностей, каждая…
Гибкость выбора элементов из DOM структуры документа при помощи селектора класса принесла ему лавры самого часто используемого селектора в CSS. Он позволяет при необходимости присвоить оформление не просто всем одинаковым тегам, а сделать из них…
Псевдоэлементы CSS это своего рода условные составные части уже существующих html тегов. С точки зрения синтаксиса они ни чем не отличаются от псевдоклассов. Их схожесть также проявляется в некоторой «фантомности» того, к чему они применяются,…
Псевдоклассы CSS позволяют нам изменять оформление отдельных частей страницы в зависимости от изменения их состояния. На практике это выглядит словно у элемента, при определенных условиях (к примеру при наведении мыши) появляется класс, который…
Мы уже говорили о том, что каскадные таблицы стилей представляют из себя совокупность правил оформления (которые в свою очередь состоят из селекторов с блоком объявлений) примененных к определенным html тегам, за счет чего и формируется внешний вид…