Написание эффективного кода
В процессе написания CSS следует придерживаться некоторых принципов, которые позволяют сократить код CSS, сделать его более удобным, наглядным.; и читабельным. Читабельность в данном случае означает, что разработчик спустя какое-то время может легко понять и модифицировать стиль или что в коде
Написание эффективного кода
запостил(а)
Administrator
24
мар
0
Базовый синтаксис CSS
Как уже было отмечено ранее, стилевые правила записываются в своём формате, отличном от HTML. Основным понятием выступает селектор.;— это некоторое имя стиля, для которого добавляются параметры форматирования. В качестве селектора выступают теги, классы и идентификаторы. Общий способ записи имеет
Базовый синтаксис CSS
запостил(а)
Administrator
24
мар
0
Анимация иконки загрузки | CSS - «Учебник CSS»
.; .; .loading1 { width: 0; padding: 12px; background-image: radial-gradient(circle at 0% 0%, transparent 40%, rgb(0,255,0) 40%, rgb(0,255,0) 70%, transparent 70%), radial-gradient(circle at 100% 0%...
Анимация иконки загрузки | CSS - «Учебник CSS»
запостил(а)
Nyman
18
мар
0
Иконка домашней страницы "Домик" или "home" | CSS - «Учебник CSS»
Значок в HTML: ⌂ Реализация с помощью background .; .home1 { height: 3em; width: 3em; /* подберите свой размер, например, 16px или 32px */ [/i] background: #2C2C2C; /* подберите свой цвет ... .; .;
Иконка домашней страницы "Домик" или "home" | CSS - «Учебник CSS»
запостил(а)
Розалия
18
мар
0
Валидация CSS - «CSS»
Валидацией называется проверка CSS-кода на соответствие спецификации CSS2.1 или CSS3. Соответственно, корректный код, не содержащий ошибок, называется валидный, а не удовлетворяющий спецификации — ...
Валидация CSS - «CSS»
запостил(а)
Эдуард
17
мар
0
Идентификаторы и классы - «CSS»
Периодически поднимается спор о целесообразности использования идентификаторов в вёрстке. Основной довод состоит в том, что идентификаторы предназначены для доступа и управления элементами веб-страницы с помощью скриптов, а для изменения стилей элементов должны применяться исключительно классы.
Идентификаторы и классы - «CSS»
запостил(а)
Иларион
17
мар
0
Каскадирование - «CSS»
Аббревиатура CSS расшифровывается как Cascading Style Sheets (каскадные таблицы стилей), где одним из ключевых слов выступает «каскад». Под каскадом в данном случае понимается одновременное применение разных стилевых правил к элементам документа.;— с помощью подключения нескольких стилевых
Каскадирование - «CSS»
запостил(а)
Fane
17
мар
0
Группирование - «CSS»
При создании стиля для сайта, когда одновременно используется множество селекторов, возможно появление повторяющихся стилевых правил. Чтобы не повторять дважды одни и те же элементы, их можно сгруппировать для удобства представления и сокращения кода. В примере.;17.1 показана обычная
Группирование - «CSS»
запостил(а)
Fraser
17
мар
0
Наследование - «CSS»
Наследованием называется перенос правил форматирования для элементов, находящихся внутри других. Такие элементы являются дочерними, и они наследуют некоторые стилевые свойства своих родителей, внутри которых располагаются.
Наследование - «CSS»
запостил(а)
Oldman
17
мар
0
Псевдоэлементы - «CSS»
Псевдоэлементы позволяют задать стиль элементов не определённых в дереве элементов документа, а также генерировать содержимое, которого нет в исходном коде текста. Синтаксис использования псевдоэлементов следующий. Селектор:Псевдоэлемент { Описание правил стиля Вначале следует имя селектора,
Псевдоэлементы - «CSS»
запостил(а)
Jones
17
мар
0
Универсальный селектор - «CSS»
Иногда требуется установить одновременно один стиль для всех элементов веб-страницы, например, задать шрифт или начертание текста. В этом случае поможет универсальный селектор, который соответствует любому элементу веб-страницы. Для обозначения универсального селектора применяется символ
Универсальный селектор - «CSS»
запостил(а)
Аристарх
17
мар
0
Псевдоклассы - «CSS»
Псевдоклассы определяют динамическое состояние элементов, которое изменяется с помощью действий пользователя, а также положение в дереве документа. Примером такого состояния служит текстовая ссылка, которая меняет свой цвет при наведении на неё курсора мыши. При использовании псевдоклассов
Псевдоклассы - «CSS»
запостил(а)
Carter
17
мар
0
Селекторы атрибутов - «CSS»
Многие теги различаются по своему действию в зависимости от того, какие в них используются атрибуты. Например, тег <input> может создавать кнопку, текстовое поле и другие элементы формы всего лишь за счёт изменения значения атрибута type. При этом добавление правил стиля к селектору INPUT
Селекторы атрибутов - «CSS»
запостил(а)
Людмила
17
мар
0
Дочерние селекторы - «CSS»
Дочерним называется элемент, который непосредственно располагается внутри родительского элемента. Чтобы лучше понять отношения между элементами документа, разберём небольшой код (пример.;12.1).
Дочерние селекторы - «CSS»
запостил(а)
Kelly
17
мар
0
Соседние селекторы - «CSS»
Соседними называются элементы веб-страницы, когда они следуют непосредственно друг за другом в коде документа. Рассмотрим несколько примеров отношения элементов. <p>Lorem ipsum <b>dolor</b> sit amet.</p> В этом примере тег <b> является дочерним по отношению к тегу <p>,
Соседние селекторы - «CSS»
запостил(а)
Потап
17
мар
0
Контекстные селекторы - «CSS»
При создании веб-страницы часто приходится вкладывать одни теги внутрь других. Чтобы стили для этих тегов использовались корректно, помогут селекторы, которые работают только в определённом контексте. Например, задать стиль для тега <b> только когда он располагается внутри
Контекстные селекторы - «CSS»
запостил(а)
Роман
17
мар
0
Идентификаторы - «CSS»
Идентификатор (называемый также «ID селектор») определяет уникальное имя элемента, которое используется для изменения его стиля и обращения к нему через скрипты. Синтаксис применения идентификатора следующий.
Идентификаторы - «CSS»
запостил(а)
Лилия
17
мар
0
Классы - «CSS»
Классы применяют, когда необходимо определить стиль для индивидуального элемента веб-страницы или задать разные стили для одного тега. При использовании совместно с тегами синтаксис для классов будет следующий.
Классы - «CSS»
запостил(а)
Dodson
16
мар
0
Селекторы тегов - «CSS»
В качестве селектора может выступать любой тег HTML, для которого определяются правила форматирования, такие как: цвет, фон, размер и т..;д. Правила задаются в следующем виде.
Селекторы тегов - «CSS»
запостил(а)
Трофим
16
мар
0
sitename