Программирование

Что такое таблица стилей пользователя?

Теперь, когда я использую таблицу стилей пользователя, я не настраиваю ситуацию, когда все веб-страницы, которые я посещаю, выглядят одинаково. Вместо этого у меня есть таблица стилей пользователя, которая помогает мне просматривать веб-страницы. Пользовательские таблицы стилей позволяют вам устанавливать стили для элементов страницы, чтобы их было легче читать и использовать независимо от намерений дизайнера веб-страниц.

Одна из вещей, которые я заметил, состоит в том, что многие веб-страницы создаются молодыми людьми. Этим людям, похоже, нравятся микроскопические шрифты. Используя таблицу стилей пользователя, я могу установить размеры шрифта по умолчанию равными размеру шрифта, который для меня более удобен для чтения. Еще одна популярная уловка веб-дизайнеров заключается в удалении подчеркиваний из ссылок . Хотя это может сделать страницу более привлекательной, сложнее сказать, что можно нажимать. Поэтому, используя таблицы стилей пользователя, я снова подчеркиваю ссылки на посещаемых страницах.

Написание таблицы стилей пользователя

Написание таблицы стилей пользователя так же просто, как написание таблицы стилей CSS для вашей веб-страницы. Вы можете использовать все те же свойства и команды, что и в стандартной таблице стилей. Хитрость для пользовательской таблицы стилей заключается в том, что она хранится на вашем жестком диске, и вы указываете веб-браузеру использовать ее.

Игра с пользовательскими таблицами стилей

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

: ссылка,: посетил {текст-украшения: подчеркнуть! важный; }

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

Еще один полезный трюк с пользовательскими таблицами стилей — сделать некоторые из более раздражающих тегов менее раздражающими. Этот стиль делает тэг моргания и метки выделения не мигать или прокручивать:

моргание {текстовое оформление: нет! важный; } 
marquee {-moz-binding: нет! важный; }

Веб-дизайнеры: помните об этом

Следует помнить, что при создании веб-страниц у вас есть набор таблиц стилей пользователя. В противном случае вы будете часами пытаться выяснить, почему вы видите подчеркивания на всех ссылках, а остальные в вашей команде — нет. Вы можете смеяться, но если вы установите таблицу стилей пользователя сегодня, а затем измените стили своего веб-сайта через шесть месяцев, скорее всего, вы забудете, что настроили таблицу стилей пользователя.

Похожие посты
Программирование

Что такое канал RSS? (И где его взять)

Программирование

7 причин, почему изображения не загружаются на ваш сайт

Программирование

Запустите агент SQL Server: настройте SQL Server 2012

Программирование

15 лучших бесплатных обоев дня Святого Патрика