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

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

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

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

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

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

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

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

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

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

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

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

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

Раздел: CSS

Что такое CSS

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

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

Раздел: CSS

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

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

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

Раздел: CSS

Установка фонового рисунка

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

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

Раздел: CSS

О переносах и запрете переноса строк в текстовом содержимом элементов

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

Автоматический перенос строк в браузере Поскольку размер окна браузера непостоянен, то переход на новую строку (перенос строки) в тексте, выводимом в окне браузера, происходит автоматически. То есть слово, которое не убирается на странице, целиком переносится на новую строку. При этом перенос происходит на месте пробела, а сам пробел игнорируется. Если же на странице не убирается… Читать далее »

Об использовании кавычек и тире в текстовом содержимом элементов

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

Виды кавычек и традиции их использования В полиграфии существует три вида кавычек: «ёлочки» («…»), «верхние лапки» (“…”) и «рукописные лапки» („…“). По давно сложившейся традиции в российской полиграфии основным видом кавычек являются «ёлочки» (иногда их ещё называют французскими кавычками). «Верхние» же и «рукописные лапки» традиционно являются основным видом кавычек в западных странах, а потому обычно… Читать далее »

Горизонтальный разделитель

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

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