урок css - Страница 4

Записи, помеченные ‘урок css’

Использование однострочных и многострочных таблиц стилей CSS

Задумывались ли вы когда-нибудь, как удобнее записывать код CSS в таблице стилей? В целом существует два подхода: однострочная и многострочная записи, и многострочная запись является общепринятым и наиболее часто используемым подходом:
Далее... Нет комментариев »
Использование возможностей декорирования выделения элементов

Использование правила :focus { outline: none; } (отсутствие обводки у элемента в фокусе) для удаления обводки приводит к тому, что ссылка или элемент управления будет активным, но этого не будет видно пользователям, использующим клавиатуру. Способы избегания фокуса, такие как onfocus="blur()" (при получении события фокуса запустить функцию сбросить фокус), еще хуже, так как приводят к тому, что [...]
Далее... Нет комментариев »
Фоны, изменяющие положение в зависимости от движения указателя

Сегодня мы научимся создавать фоны, которые изменяют положение в зависимости от движения указателя. Это интересный эффект, который поможет вам оживить страницу, добавить ненавязчивый, но приятный интерактив. Для этого нам нужно будет поработать с HTML, CSS и JavaScript.
Далее... Нет комментариев »
Использование свойства CSS изменения размера

Одно из неособо известных свойств CSS3, свойство изменения размера, действует именно так, как следует из его названия: позволяет пользователю изменить размер почти любого элемента HTML, к которому оно применяется. Это свойство не делает содержимое больше или меньше, масштаб содержимого не меняется, если содержимое не влазит в элемент, то может появиться прокрутка.
Далее... Нет комментариев »
Использование синтаксиса селекторов CSS

Во встроенном или связанном файле таблицы стилей селектор является тем элементом разметки, чей внешний вид вы изменяете. Существует несколько разных способов выбора селекторами, самые простые из которых показаны ниже:
Далее... Нет комментариев »
Правильный способ встраивания шрифтов @font-face от google

Несколько раз мы сталкивались со странным и неправильным способом встраивания шрифтов @font-face от google, поэтому мы решили посвятить этому урок. Например, если вы выберете в Google Fonts шрифт Open Sans, или любой другой, то получите ссылку или @import с ссылкой, которые дают вам возможность использовать этот шрифт для вашего сайта:
Далее... Нет комментариев »
Использование универсального селектора

Селектор с наиболее широкой областью применения в CSS — универсальный селектор еще и обладает широчайшими возможностями. Используемый в одиночку, этот селектор задает указанные значения абсолютно всему. Например:
Далее... Нет комментариев »
Использование нового способа центрирования

В этом уроке мы сравним новый способ центрирования с одним из старых. Одна из наиболее сложных задач в CSS — центрировать и по вертикали, и по горизонтали одновременно в ситуации, когда неизвестны высота и ширины того, что нужно расположить по центру. Вертикальное центрирование сложнее горизонтального.
Далее... Нет комментариев »
Полностью адаптивные таблицы с использованием элементов определений терминов

К созданию полностью адаптивных таблиц можно подходить по-разному. Например, нередко может быть полезен нелогичный на первый взгляд подход: сначала создать разметку и стили для мобильных устройств, и только после этого используя CSS задать подходящий внешний вид для таблицы на больших экранах.
Далее... Нет комментариев »