Из-за чего тёмно-серый светлее чем серый в CSS / HabrВы, наверное, никогда не обращали внимания на такую мелочь, но в вашем браузере есть заранее определённые цвета, которые являются не тем, чем кажутся. Если бы я сказал вам, что названия образцов выше это LightGray, Gray и DarkGray, какому бы из цветов вы сопоставили каждое название?Признаю, это […]

Оформляем текст с использованием CSS3 Красивая типографика всегда интересна, поэтому хочется найти способы применения веб-технологий для улучшения оформления текста. В этом уроке мы покажем, как использовать свойства CSS3, чтобы разнообразить оформление текстов или создать эффекты способами, которые кажутся невозможными. Заметьте: эффекты будут работать только в браузерах Webkit, но мы добавили дополнительные свойства, чтобы они работали и в других браузерах.  

Красивое css оформление текста – 7 классных примеров с тенями для текста, которые вы просто не можете пропуститьRead More »

Полезные ссылки для изучения CSS анимации / HabrМы начали наблюдать много экспериментов над CSS3 анимацией и статьи о ней в 2011-м, но тогда поддержка этой анимации была ограничена браузерами на вебките. В середине 2011-го Firefox 5 тоже получил эту поддержку, а также мы можем ожидать ее в следующей реинкарнации Internet Explorer (10), поэтому сейчас идеальное

Примеры css3 animation: CSS3-анимация (свойство animation) – CSS3 анимация при наведении: 9 примеровRead More »

Псевдокласс :focus | CSS | WebReferenceПсевдокласс :focus определяет стиль для элемента, получающего фокус. Например, им может быть текстовое поле формы, в которое устанавливается курсор.Синтаксис ? Селектор:focus { … } ОбозначенияОписаниеПример<тип>Указывает тип значения.<размер>A && BЗначения должны выводиться в указанном порядке.<размер> && <цвет>A | BУказывает, что надо выбрать только одно значение из предложенных (A или B).normal | small-capsA ||

Focus в css: Псевдокласс :focus | CSS | WebReference – Как сделать фокус на элементах страницы с помощью стилей focus CSS: примеры работыRead More »

Как сделать тень в CSS Здравствуйте, уважаемые читатели. Сегодня поговорим о том, как сделать тень в CSS. На сегодняшний день тень в CSS поддерживаются практически всеми популярными браузерами. Исключение является Internet Explorer, что для него неудивительно. Он не понимает свойства text-shadow (тень текста). Свойства тени для объектов на странице прописываются как box-shadow. И давайте перейдем

Как в css сделать тень – 7 классных примеров с тенями для текста, которые вы просто не можете пропуститьRead More »

align-content | CSS | WebReferenceЗадаёт тип выравнивания строк внутри флекс-контейнера по поперечной оси при наличии свободного пространства.Краткая информацияЗначение по умолчаниюstretchНаследуетсяНетПрименяетсяК флекс-контейнеруАнимируетсяНетСинтаксис ? align-content: flex-start | flex-end | center | space-between | space-around | space-evenly | stretch ОбозначенияОписаниеПример<тип>Указывает тип значения.<размер>A && BЗначения должны выводиться в указанном порядке.<размер> && <цвет>A | BУказывает, что надо выбрать только одно значение из

Content свойство css – Правила и особенности использования свойства CSS content для введения контента в элементRead More »

style — свойство css :: руководство cssdot.ru Свойство border-style определяет стиль границы блока. С помощью этого свойства можно установить стиль для всех границ элемента (border-top-style, border-right-style, border-bottom-style, border-left-style). Стиль рамки, по умолчанию, не наследуется и считается невидимым. Стиль может принимать любое значение в соответствии со стандартом CSS 2.1 или CSS 3, либо значением inherit. В

Стили рамки css – Недокументированные приемы CSS / Райффайзенбанк corporate blog / HabrRead More »

Оформление цитат с помощью CSS Цитаты на сегодняшний день являются неотъемлемой частью любого мало-мальски серьезного интернет проекта, да и одностраничные сайтики нет-нет да и вставят что нибудь этакое в форме цитаты.Вставить, это мы все горазды, у многих же возникает проблема с оформлением цитат. В первую очередь цель цитирования — это привлечь внимание посетителя впечатав умную мысль,

Оформление цитат css: Красивое оформление цитат на сайте с помощью CSS – Оформление цитат на CSSRead More »

Содержимое в виде аккордеона на CSS Время чтения: 2 мин. Сегодня мы создадим вертикальный и горизонтальный аккордеон для содержимого используя лишь технологию CSS3. Конечно, существует огромное множество плагинов, которые позволяют сделать это, но а если пользователь зашел к вам на сайт с отключенным javascript в браузере? А данный аккордеон будет работать правильно даже в этом

Аккордеон меню css – Как доработать аккордеон-меню на CSS 3, построенное на свойстве «transition»? — Хабр Q&ARead More »

Типы селекторов в CSS. Подробное описание с примерами Данный материал посвящен основам оформления стилей на интернет-ресурсе при помощи селекторов. Селекторы в CSS используются для определения конкретного элемента в html-странице, для которого надо применить или изменить стиль CSS. Виды селекторов в CSS Селектор по элементам Для придания необходимого CSS-стиля в данном случае в качестве селектора записывается название html элемента. Например, достаточно прописать нужный стиль для заголовка h2, после чего данные

Виды css селекторов – Синтаксис CSS — правила, селекторы, свойства, их значения (параметры) и комментарии в языке каскадных таблиц стилей | Создание сайтов и заработок в сетиRead More »