Home » CSS

Горизонтальное меню для сайта html

Горизонтальное меню для сайта html

Горизонтальное меню представляет собой список разделов сайта, поэтому логичнее разметить внутри элемента <ul>, а затем применить CSS-стили к его элементам. Такое расположение меню является наиболее распространенным в силу очевидных преимуществ в его позиционировании на веб-странице. Перейти на страницу…

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

Justify content space between

Justify content space between

.navbar-brand > img { width: 100px; } .navbar-default { background-color: #fff; border-color: #fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3); box-shadow: 0 0 3px rgba(0, 0, 0, .3); } .navbar-default .navbar-nav > li > a { color:…

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

Justify content css

Justify content css

Свойство justify-content задает выравнивание элементов вдоль главной оси. Применяется к: родительскому элементу для flex блоков. См. все flexbox свойства: flex-direction, justify-content, align-items, flex-wrap, flex-flow, align-self, order, flex-basis, flex-grow, flex-shrink, flex. Значения Значение Описание flex-start Блоки прижаты к началу…

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

Фон для меню

Фон для меню

Часто владельцы ресторана недооценивают важность оформления меню. Мы уверены, что вы наверняка знакомы с тем, что многие рестораны предлагают посетителям просто абсолютно непривлекательное меню. Если вы владеете рестораном, то вам обязательно стоит позаботиться об оформлении меню, так как…

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

Меню для сайта вертикальное

Меню для сайта вертикальное

Вертикальное меню очень полезно, ведь в него может вместиться множество полезной информации. Различными блоками, меню  выполненных в стиле «аккордеон», сейчас уже никого не удивишь. Предлагается масса интересных решений и техник исполнения, как с использованием jQuery, так и основанных только…

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

Горизонтальное меню

Горизонтальное меню

От автора: приветствую вас на нашем блоге о сайтостроении. Это цикл статей, посвященный новой спецификации и сегодня я бы хотел вам рассказать, как сделать в html5 меню и чем этот процесс отличается от такого же в предыдущих версиях…

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

Html фон страницы

Html фон страницы

От автора: всех приветствую. Фоновые цвета и изображения в веб-дизайне имеют огромную роль, так как позволяют более привлекательно оформить любые элементы. Как сделать фон в html, мы рассмотрим сегодня. Можно ли обойтись средствами html при задании фона? Сразу…

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

Flexbox верстка

Flexbox верстка

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

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

Css селектор по атрибуту

Практически все верстальщики знают о существовании селекторов атрибутов css и хоть раз да встречали у себя в коде конструкции из разряда input[type=»submit»], но лишь избранные единицы знают, что на самом деле их существует 7 разновидностей, каждая из которых…

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

Background прозрачность

Background прозрачность

Сегодня я хочу поговорить о прозрачном фоне блока текста, как его делать, и что для этого предлагает CSS3. Перед тем, как перейти к rgba и hsla, рассмотрим примеры использования полупрозрачного фона для блока с текстом, а точнее то,…

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