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

Тени к элементам страницы

Опубликовано: 18.11.2023

Свойство box-shadow Для имитации тени у элемента веб-страницы используется CSS-свойство box-shadow, появившееся в стандарте CSS3 (см. спецификацию). Свойство является ненаследуемым и может применяться к любым элементам: блочным или строчным, а также к псевдоэлементу ::first-letter. Значением свойства box-shadow может быть список параметров теней элемента (теней у элемента может быть несколько). Каждый элемент такого списка отделяется от… Читать далее »

Раздел: CSS

Стилизация рамок элементов

Опубликовано: 28.06.2023

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

Раздел: CSS

Блочные элементы и их форматирование

Опубликовано: 26.04.2023

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

Раздел: CSS

Стилизация текста средствами CSS

Опубликовано: 08.11.2022

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

Раздел: CSS

Таблицы на веб-странице

Опубликовано: 26.05.2022

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

Оформление цитат на веб-странице

Опубликовано: 07.03.2022

Нередко авторы статей, чтобы подкрепить правильность своих рассуждений и придать вес сказанному, используют в своих текстах цитаты: отрывки из высказываний известных личностей, выдержки из литературных произведений и т.п. И надо заметить, удачно вставленная цитата действительно может придать вес статье и повысить у читателей доверие к написанному. Однако статьи в Интернете просматривают не только читатели, но… Читать далее »

Списки на веб-страницах

Опубликовано: 22.12.2021

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

Селекторы стилевых правил

Опубликовано: 24.10.2021

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

Раздел: CSS

Что такое CSS

Опубликовано: 09.06.2021

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

Раздел: CSS

Создание градиентного фона

Опубликовано: 18.02.2021

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

Раздел: CSS