Home » CSS

Flex flow

Flex flow

Сайтостроение Статьи Верстка сайта CSS 21.09.14 23.4K Введение Модуль разметки Flexbox (от английского Flexible Box – гибкий блок), находящийся на данный момент на этапе «Возможная рекомендация» стандартизации W3C (W3C Candidate Recommendation) нацелен на обеспечение более эффективного способа разметки,…

Читать дальше »

Css opacity

Css opacity

Сайтостроение Статьи Верстка сайта CSS 04.06.14 18.4K О том, что такое CSS, знают практически все, кто тем или иным образом причастен к созданию сайтов. Термин «CSS прозрачность» (или css opacity) тоже на слуху. Чаще всего эта методика используется…

Читать дальше »

Background html

Сайтостроение Статьи Верстка сайта CSS 08.02.14 14.9K При вёрстке страниц веб-сайта часто требуется задать фон определённому объекту для улучшения читаемости текста и внешнего вида портала в целом. Какими способами и методами можно задавать фон в CSS? Работа с…

Читать дальше »

Css transparent

Css transparent

Как задать в css прозрачный цвет? На текущий момент для этого есть 3 способа. Способ 1 — значение transparent Если вы зададите в качестве значения цвету текста или фона значение transparent, то цвет будет полностью прозрачным, то есть невидимым….

Читать дальше »

Css not

:not() принимает только один простой селектор за раз; это упоминается в Selectors 3 spec: Псевдокласмент отрицания :not(X) является функциональной нотацией, содержащей простой селектор (за исключением самого псевдокласса отрицания) как аргумент. Он представляет элемент, который не представлен его аргументом….

Читать дальше »

Css flexbox

Css flexbox

В этой статье познакомимся с технологией CSS Flexbox, предназначенной для создания гибких макетов веб-страниц. Поддержка браузерами технологии CSS Flexbox Технология Flexbox поддерживается уже почти всеми используемые на сегодняшний момент браузерами (с использованием префиксов: IE10+, Edge12+, Firefox 2+, Chrome…

Читать дальше »

Css grid

Css grid

// синтаксис: align-items: normal | stretch | [ <overflow>? <position> ] | <baseline> justify-items: normal | stretch | <overflow>? [ <position> | left | right ] | <baseline> | legacy [ left | right | center ] //…

Читать дальше »

Css первый дочерний элемент

Css первый дочерний элемент

Описание селектора: Выполняемая задача — выбор дочерних элементов. Обозначение — цепочка: простой селектор родителя, комбинатор «>», простой селектор дочернего элемента. Пример использования: Зададим отступ слева для списка, непосредственно вложенного в элемент с классом content (на списки второго уровня…

Читать дальше »

Background url

Background url

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

Читать дальше »

Display inline flex

Display inline flex

Flexbox по праву можно назвать удачной попыткой решения огромного спектра проблем при построении лейаутов в css. Но прежде чем перейти к его описанию, давайте выясним, что же не так со способами верстки, которыми мы пользуемся сейчас? Любой верстальщик…

Читать дальше »
Adblock
detector