Теги: CSS
15.02.2014
Псевдо-элементы позволяют стилизовать определенные части документа. Например псевдо-элемент ::first-line предназначен для добавления стилей только к первой строке указанного элемента. В спецификации CSS3 псевдо-элементы начинаются с двойного двоеточия.
12.02.2014
Многие теги различаются по своему действию в зависимости от того, какие в них используются атрибуты. Например, тег input может создавать кнопку, текстовое поле всего лишь за счёт изменения значения атрибута type. Чтобы гибко управлять стилем подобных элементов, в CSS введены селекторы атрибутов.
05.01.2014
Одинаковая высота плавающих блоков является насущной проблемой при разработке дизайна сайта, средствами css это делать не удобно, т.к. требует специальной верстки. Давайте напишем скрипт, который будет динамически устанавливать одинаковую высоту блоков на странице по самому высокому.
04.01.2014
Центрирование элементов по вертикали с помощью CSS является задачей, которая представляет определенную трудность для разработчиков. Да, для вертикального выравнивания в CSS есть специальное свойство vertical-align с множеством значений. Однако на практике оно работает совсем не так, как ожидается.
26.12.2013
Задача прижать footer к низу окна браузера — это одна из самых часто встречаемых задач при верстке. В общем, ситуация следующая: на странице есть три области: шапка, основной контент и подвал. Бывают страницы, в которых основной контент занимает совсем немного места и, в итоге, они начинают выглядеть примерно вот так…
25.12.2013
Каждый браузер устанавливает свои значения стилей по умолчанию для различных HTML-элементов. С помощью reset.css мы можем нивелировать эту разницу для обеспечения кроссбраузерности стилей. Cброс ситлей впервые был применён в далёком 2004 году Эндрю Креспанисом и это выглядело так…
24.12.2013
Пусть у нас есть простой двухколоночный макет, который содержит header, footer и две колонки под основной контент. Для одной колонки задано float:left, для другой — float:right. Но, поскольку нельзя заранее сказать, сколько контента будет в каждой из них, одна всегда будет больше другой по высоте…
01.10.2013
Lazy Load — это jQuery плагин, который позволяет осуществить отложенную загрузку изображений, что актуально для страниц с большим количеством изображений. Изображения загружаются по мере пролистывания страницы пользователем. Использование Lazy Load позволяет увеличить скорость загрузки страницы и уменьшить нагрузку на сервер.
22.09.2011
Свойство float принимает одно из трех значений: left, right или none. Это свойство, примененное к тегу div с содержимым, позволяет создать боковое меню. Здесь блок #left перемещен к левому краю. У него есть фиксированная ширина, однако у главного содержимого #content ее нет, что делает этот дизайн резиновым. Главный раздел страницы просто расширяется, заполняя окно браузера.
22.01.2011
Сегодня рассмотрим, как сделать закладки используя CSS и одно фоновое изображение для всех состояний закладки. Каждый элемент имеет закругленные уголки, а его ширина зависит от содержимого.