Записи с меткой «таблица стилей»

Размытие меню с помощью CSS3

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

CSS: Вариант оформления подписи к изображению

В статье мы рассмотрим один из вариантов оформления подписи к изображению. Итак, приступим… В контейнер div заключим нашу картинку и подпись к ней, html код следующий: <div> <img alt=»exp2″ src=»exp2.jpg» width=»302″ height=»189″ /> <span>Тут любая надпись, выступающая в качестве подписи к картинке</span> </div> Приступим к непосредственному описанию css. Для контейнера зададим ширину и спозиционируем относительно …

CSS: Идентификация и группирование элементов (id, class)

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

CSS: Ссылки

В этой статье мы рассмотрим основные приемы работы с ссылками, а именно, применение к ссылкам псевдо-классов, позволяющих разделять одну и ту же ссылку в зависимости от того, наводим ли на нее курсор, переходили ли мы по этой ссылке раньше и др. Псево-класс: link Используется для определения стиля ссылки, которую мы еще не посещали (можно опускать, …