Архив рубрики ‘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 — универсальный селектор еще и обладает широчайшими возможностями. Используемый в одиночку, этот селектор задает указанные значения абсолютно всему. Например:

  Далее... Нет комментариев »