верстка - Страница 12

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

Использование единиц измерения CSS Q

В спецификации CSS3 есть неизвестная большинству разработчиков единица измерения CSS q. Q — это очень маленькая линейная, постоянная единица измерения, равная четверти миллиметра или одной сороковой сантиметра. Таким образом, q, вероятно, наиболее подходит для придания очень маленьких визуальных изменений, таких как межбуквенный интервал:
Далее... 1 Комментарий »
Фоновые узоры в виде чешуи и шестиугольников с использованием SVG

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

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

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

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

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

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

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

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