Архив рубрики: «CSS»

Любой HTML-элемент может иметь такой элемент оформления, как рамка. Замечу, что в веб-дизайне рамки имеют немаловажное значение, поскольку позволяют визуально отделить второстепенный контент от основного содержимого страницы. А ещё рамки можно использовать для привлечения внимания пользователей к отдельным наиболее важным фрагментам этого содержимого. Свойство border и его подсвойства Установить рамку для любого элемента позволяет ненаследуемое… Читать далее »

Блочные элементы Исторически в HTML все элементы было принято делить на блочные и строчные. Согласно существовавшей классификации, блочными называли элементы, занимающие всю ширину своего родителя, то есть формально создающие «блоки». В браузерах такие элементы обычно отображаются с переводом строки до и после элемента. С принятием стандарта HTML5 понятие «блочный элемент» практически исчезло из языка разметки… Читать далее »

Свойства CSS, используемые для стилизации текста, принято подразделять на две категории: Рассмотрим эти категории свойств подробнее. Свойства для установки характеристик шрифта Установка семейства шрифта Установить семейство шрифта, которое будет использовано для оформления текста содержимого элемента, позволяет свойство font-family. Свойство применяется ко всем элементам (а также к псевдоэлементам ::first-letter и ::first-line) и наследуется потомками (см. спецификацию). В… Читать далее »

Как я уже говорил ранее,таблицы стилей представляют собой списки правил, определяющих отображение отдельных элементов и веб-документа в целом. Причём каждым таким правилом может задаваться одно или сразу несколько свойств для одного или целой группы элементов. Каждое стилевое правило состоит из двух частей: селектора (selector) и блока объявлений (declaration block). Свойства, устанавливаемые стилевым правилом, перечислены в… Читать далее »

Почему их назвали таблицами Каскадные таблицы стилей (англ. Cascading Style Sheets, CSS) — это блоки специального кода, содержащие описания свойств (стилей) различных элементов веб-страницы: заголовков, абзацев, списков, таблиц и т.д. Именно в этих блоках задаётся размер и начертание используемого в элементах шрифта, цвет текстового содержимого, толщина и вид рамок, местоположение и выравнивание содержимого на странице, а… Читать далее »

Что такое градиент Визуально градиент представляет собой заполнение выделенной области последовательностью цветовых оттенков с плавными переходами между ними (см. рис. ниже). С помощью градиентов создаются самые разнообразные эффекты веб-дизайна, такие как псевдотрёхмерность, блики, фон и другое. До недавнего времени для получения эффекта градиента использовались различные фоновые изображения, предварительно созданные в графических редакторах. Сейчас же для… Читать далее »

Установить фоновый рисунок для элемента можно с помощью свойства background-image, которое впервые появилось ещё в стандарте CSS1 (см. спецификацию) и может применяться ко всем элементам. Свойство может принимать следующие значения: Свойство не наследуется дочерними элементами. Значением по умолчанию является none. Примечание: На случай, если фоновое изображение у пользователя по каким-либо причинам не загрузилось или загрузка изображений… Читать далее »