Начиная разговор о CSS или Cascading Style Sheets, как будет угодно, мы вернемся во времена палеозоя интернет-эры и вспомним, что в 1996 году был принят стандарт CSS первого уровня. Это событие, по значимости, стало революционным, т.к. смогло выделить в отдельный язык все форматирование страниц, отделив его от содержания. Это в значительной степени упростило и оптимизировало работу вебмастеров. Благодаря чему, теперь не требовалось изменять, к примеру шрифтовое оформление каждого элемента, а достаточным стало изменение его в определенном классе описанном в файле CSS.
Несколькими годами позднее, в 1998м, был принят второй стандарт, основанный на первоначальных правилах, при некоторых дополнениях. Он в свою очередь позволил разработчикам повысить уровень контроля над веб-страничками до больших высот.
Важность появления CSS языка сложно переоценить, однако об этом мы будем говорить ниже.
Основной задачей, которую преследует верстальщик, является создать красивый и удобный ресурс. То, как вы оформите свой проект, будет играть большую роль в его будущем, не всем захочется долго находиться на некрасивом сайте. А при оформлении на…
Таблицы внешних стилей обеспечивают наиболее рациональный и удобный способ привязки страницы CSS к HTML-документу. Сущность данной операции главным образом заключается в собрании CSS стилей в отдельном файле. Представление внешней таблицы стилей…
После ознакомления с основными принципами строения структуры страницы и ее CSS, а также после освоения понятия селектора следует поговорить о наследовании. Причем стоит отметить, что понятие наследования следует рассматривать в комплексе с двумя…
Иногда при создании сайта появляется необходимость применить конкретный стиль ко всем элементам, которые встречаются на странице без исключений. Для реализации этой задачи используют универсальный селектор. Описание Он обозначается в виде символа…
При создании своего проекта, часто верстальщик сначала задаёт общие стили для отдельных типов тегов на странице, оформляя их под основную концепцию будущего сайта (к примеру сразу можно задать отступы абзацам). Это ускоряет загрузку страницы, так…
Думаю, любой начинающий веб-мастер в первую очередь вникает в то, что любой сайт строится на базе тегов HTML. Но это еще не все. Стоит учитывать тот факт, что посредником между верстальщиком и пользователем является интернет-браузер или…
Сущность селектора Основная задача данного селектора следует из его названия и заключается в обращении к дочернему элементу. Выводится с помощью элементарного знака «>», который связывает дочерний элемент с элементом родителя. Также стоит…
Для опытного глаза HTML страница представляет собой набор из конструктивных блоков. Они помогают ему создать свой уникальный проект. Одними из таких вспомогательных инструментов являются блочные элементы, которые чаще всего встречаются на странице…
Бывают моменты, когда вертикальные отступы верхнего и нижнего margin приводят начинающего верстальщика в недоумение. Рассмотрим такой вариант на примере: HTML <div class=”center”> <h1>Заглавие</h1> <p>Текст</p…
В практике программирования сайтов достаточно часто возникают ситуации, при которых несколько стилей применяются к одному конкретному элементу. Вследствие этого возникает вопрос, какой из стилей применится. Ответ кроется в понятии специфичности. У…