Home » CSS

Фон для веб страницы

Фон для веб страницы

В настройке любого сайта, помимо функционала, очень важно оформление. Именно это задаёт собственный стиль и дизайн той или иной компании либо персоны, для которой создаётся сайт. Настроить цвет фона и его изображение не составит труда, следуя инструкциям в…

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

Css свечение

Css свечение

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

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

Черное меню

<center><style>.menu{background:url(‘http://gigabytes.clan.su/load-ucoz/skripts/menu/5/menu_bar.png’)repeat-x;font-family:Times New Roman;width:970px;height:30px;position:relative;z-index:100;}   .menu ul li a, .menu ul li a:visited{display:block;text-decoration:none;color:#fff;width:100%;margin-left:15px;margin-right:15px;height:30px;text-align:center;color:#fff;line-height:30px;font-size:16px;overflow:hidden}   .menu ul{padding:0;margin:0;list-style:none;}   .menu ul li{float:left;position:relative;}   .menu ul li ul{display:none;font-size:11px;}   .menu ul li:hover a{color:#fff;background:#000000;}   .menu ul li:hover ul{display:block;position:absolute;left:0;width:105px;font-family:arial;font-size:13px;width:135px;}   .menu ul li:hover ul li a{display:block;background:#000;color:#a2a2a2;font-size:13px;width:135px;margin:1px;height:22px;line-height:22px;text-align:left;padding-left:10px;}   .menu ul li:hover ul…

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

Display grid

Display grid

От автора: при создании сложных сайтов сетки имеют огромное значение. Их значимость в современном веб-дизайне становится ясной, стоит только взглянуть на количество фреймворков, в которые внедрена данная технология для ускорения разработки. После знакомства со спецификацией CSS Grid Layout…

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

Меню сайта

Меню сайта

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

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

Flex что это

Flex что это

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

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

Flex wrap

Flex wrap

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

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

Что значит флекс

Что значит флекс

Низкий флекс — подробное описание Стилей уличных танцев достаточно много. Ошибочно все они причисляются к хип-хопу, но существуют и другие стили. Низкий флекс один из них. Традиционно этот танец исполняется под регги или дэнсхолл, но сейчас все чаще…

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

Флекс это

Флекс это

Мечтаете обладать красивым, мускулистым и здоровым телом? Чувствуете слабость и повышенную утомляемость? Вам определенно не хватает занятий спортом! Внесите в свой распорядок дня тренировки по флекс-фитнесу, и вы достаточно быстро ощутите значительные перемены в себе. Что такое фитнес-флекс?…

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

Css fonts

Css fonts

Рассмотрим шрифт, созданный с целью оптимизации объёма шрифта путём выделения латинских, японских и других символов из разных файлов шрифтов: /* размер резервного шрифта: 4.5MB */ @font-face { font-family: DroidSans; src: url(DroidSansFallback.woff); /* диапазон не задан, поэтому по умолчанию…

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