Архив рубрики ‘css’

• 

  Использование расположений CSS: значение «фиксированное»

  Таким же образом, как свойство background-attachment: fixed (фиксированное расположение фона) действует на фоновые изображения, position: fixed (фиксированное расположение) действует на элементы: оно позволяет элементу закрепиться на своем положении относительно веб-страницы, в то время как остальное содержимое будет проматываться мимо него. Обычно это свойство применяется к содержащим элементам, наиболее часто к шапкам и подвалам. Как и в случае [...]

  Далее... 1 Комментарий »
• 

  Ограничения анимации CSS

  Когда Вы экспериментируете с анимациями CSS, полезно знать, что нельзя анимировать. В текущей спецификации нельзя изменять следующие свойства с помощью ключевых кадров или переходов:

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

  Использование значения по умолчанию CSS для сброса настроек

  По определению разработка файла стилей предполагает задание свойствам CSS новых значений. Сложные файлы стилей со временем дорастают до того момента, когда значения CSS нужно удалить полностью, т. е., сбросить на их значения по умолчанию. В некоторых случаях эти значения по умолчанию хорошо известны и легко запоминаются, но не для всех свойств это верно. К счастью, современные возможности CSS [...]

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

  Использование селектора атрибута

  Селекторы атрибутов — еще одна область CSS, которая исторически недооценивается и недостаточно используется, частично из-за отсутствия поддержки в ранних версиях браузера Internet Explorer. Хотя селекторы, о которым мы расскажем в этом уроке, поддерживаются во всех современных и многих устаревших версиях браузеров, включая браузер Internet Explorer от версии 7.

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

  Использование расположений CSS: недооцененное значение «относительное»

  Для начала важно обратить внимание на то, что само по себе применение относительного расположения к элементу ничего не изменит: элемент продолжит вести себя обычным образом, как при статическом расположении. Однако применение относительного значения свойства расположения позволяет нам использовать свойства верхнего, левого, нижнего и правого углов.

  Далее... 7 Комментариев »
• 

  Создание рекурсивного дизайна SVG, часть вторая

  В предыдущем уроке о создании рекурсивного дизайна SVG мы показали, как создать рекурсивное изображение, используя единственный элемент. Этот урок более сложный, в нем мы покажем, как создать узоры со ссылками на вложенные группы.

  Далее... 1 Комментарий »
• 

  Использование элементов HTML col и colgroup

  Из всех элементов, которые применяются при создании таблиц, включая используемые для улучшения доступности, вероятно, наиболее обделенным вниманием является элемент col. Этот элемент контролирует отображение другого содержимого, при этом сам не появляется на странице, как минимум без применения кода CSS, и позволяет нам избежать необходимости неоднократного применения классов к отдельным ячейкам таблицы.

  Далее... 1 Комментарий »
• 

  Использование расположений CSS: значение по умолчанию «статическое»

  По умолчанию ко всем элементам на странице применяется статическое расположение. Поэтому статическое расположение почти никогда нет необходимости задавать, кроме тех случаев, когда нужно переопределить другое значение расположения, наследуемое от более раннего объявления. 

  Далее... 1 Комментарий »
• 

  Создание рекурсивного дизайна SVG, часть первая

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

  Далее... 1 Комментарий »