Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов

CSS

Начиная разговор о CSS или Cascading Style Sheets, как будет угодно, мы вернемся во времена палеозоя интернет-эры и вспомним, что в 1996 году был принят стандарт CSS первого уровня. Это событие, по значимости, стало революционным, т.к. смогло выделить в отдельный язык все форматирование страниц, отделив его от содержания. Это в значительной степени упростило и оптимизировало работу вебмастеров. Благодаря чему, теперь не требовалось изменять, к примеру шрифтовое оформление каждого элемента, а достаточным стало изменение его в определенном классе описанном в файле CSS.

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

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

Вы здесь
Кастомизация checkbox и radio

Кастомное оформление checkbox и radio кнопок средствами CSS

Знакомство с checkbox и radio Для раскрытия основной темы этой статьи в первую очередь следует раскрыть понятие checkbox и radio для понимания того, с чем нам надо будет столкнуться при кастомизации. Checkbox — составляющая часть интерфейса веб-…

Как скрыть полосы прокрутки

Как скрыть полосы прокрутки?

И так, сегодня у вас появилась необходимость убрать горизонтальные и вертикальные полосы прокрутки. Давайте рассмотрим ситуации, в которых может возникать такая задача и основные способы ее решения. Убрать полосы прокрутки со страницы при…

Как задать максимальную ширину таблицы

Как задать максимальную ширину таблицы

Вам нужно вывести таблицу конкретно заданной ширины? Ваша таблица очень большая и при отображении ее "разносит" до неприличных размеров? Да еще при этом свойство max-width не работает? Тогда вы попали по адресу. В этой статье мы рассмотрим способы…

Как сделать блок прозрачным CSS

Способы создания прозрачных фонов

Вы хотите научиться создавать страницы с оригинальным и ярким современным дизайном? Применение полупрозрачных элементов способно помочь Вам в решении этой непростой задачи. Сегодня мы рассмотрим основные практические способы задания прозрачности…

Размещение блоков горизонтально

Способы размещения блоков горизонтально

Часто на практике приходится решать задачу группирования и выравнивания контента средствами CSS. Сегодня мы рассмотрим основные способы размещения элементов в горизонтальный ряд. Материал данной статьи призван помочь начинающим веб-дизайнерам в…

Встроенные таблицы стилей

Оформление html тегов атрибутом style (встроенные стили CSS)

Нам уже известно, что для того, чтобы веб-сайт выглядел красиво и стильно нам необходимо поработать с CSS-файлом. И чтобы наши стили применялись необходимо соединить HTML файл и файл CSS. Существует несколько вариантов осуществления данной операции…

Директива import CSS

Использование import для подключения нескольких файлов в CSS

Как уже упоминалась в предыдущих статьях, к одному файлу HTML можно подключать несколько файлов CSS с прописанием стилей. Данная процедура относится к понятию таблицы внешних стилей, а тег, с помощью которого формировалась система взаимосвязи HTML…

Вложенные таблицы стилей CSS

Подключаем CSS тегом style (вложенные таблицы стилей)

Одним из основных преимуществ вложенных таблиц является то, что они представляют собой полноценную таблицу CSS, а в неё уже можно прописывать все правила без каких либо ограничений. Напомним, что в отличие от вложенных таблиц, встроенные стили…

Скорость обработки CSS селекторов

Скорость обработки CSS селекторов

Css обладает большим списком различных селекторов и, как ожидалось, каждый из них по разному влияет на скорость прогрузки страницы. Разница не сильно будет заметна на одностраничных проектах, но при вёрстке крупного проекта важна малейшая деталь,…

Селектор обобщенных родственных элементов

Селектор обобщенных родственных элементов в CSS

Селекторы помогают верстальщику накладывать на различные элементы стиль, легко захватывая нужные, обходя не нужные, и новизна этого селектора не делает его исключением. Селектор обобщенных родственных элементов (СОРЭ) — это инструмент помогающий…

Страницы