CSS

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

В каскадных стилях CSS3-тень тексту задается с помощью специального правила text-shadow, которое позволяет придать текстовому содержимому некоторого абзаца или html-блока разные статичные и анимированые спецэффекты. Как мы знаем из курса физики, тень — это проекционная копия объекта, которая получается на освещаемой поверхности … Читать далее →

CSS3-flexbox — это специальная технология, которая была введена в последней версии каскадных стилей, позволяющая задавать гибкую сетку расположения блоков внутри некоторого контейнера-родителя. Какие возможности дает данная сетка: возможность управлять колончатой структурой основного каркаса html-вёрстки; управлять ориентацией расположения html-тэгов подобно табличной … Читать далее →

Одним из важных элементов оформления, который появился в третье версии каскадных стилей, является тень для html-элемента. CSS-тень блока придает ему объемность, позволяет более красиво вписывать в дизайн сайта, а также реализовывать применяемые в psd-макетах тени не картинками, а возможностями рендеринга … Читать далее →

Основное назначение CSS3-трансформаций в стилевом оформлении в ходе выполнения вёрстки некоторого элемента или всей страницы в целом — это преобразование формы, вращение, изменение расположения и так далее. В CSS существует две разновидности трансформирования: двухмерное (2D) и трехмерное (3D). Двухмерное происходит … Читать далее →

CSS-фон позволяет указать в роли бэкграунда некоторый цвет, картинку или цветовой градиент. В каскадных стилях все блоковые и инлайновые тэги по умолчанию не имеют никакого фонового оформления (кроме body и html). В этом материале будут рассмотрены основные нюансы взаимодействия с бэкграундами. В … Читать далее →

CSS-рамка является неотъемлемым и очень важным визуальным компонентом как блоковых, так и инлайновых html-тегов. Рамка бывает 2-ух видов: border и outline. Каждая из них имеет свое стилистическое определение. Согласно стилевому оформлению бордер характеризуется тремя величинами: толщиной, стилем и цветностью. [содержание] 1. Стиль рамки … Читать далее →

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

В каскадных стилях CSS3-текст существует несколько правил, которые позволят выполнять некоторые важные манипуляции с текстом. Они являются очень полезными при разметке страниц, так как помогают более точно в некоторых ситуациях подогнать «верстку» под psd-макет. Среди них можно выделить: обрезание строки; … Читать далее →

CSS-цвета — это некоторая устоявшаяся цветовая палитра, которую поддерживает большинство браузеров и которая используется для задания цветности текста, фона или рамки какого-либо html-блока. В каскадных стилях определено 140 уникальных наименований цветов, из которых 17 основные стандартные (black, blue, fuchsia, gray, green, … Читать далее →