Написание эффективного кода
В процессе написания 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
sitename