Что такое таблица стилей пользователя и почему я должен ее использовать?

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

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

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

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

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

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

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

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

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

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

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

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

То, что я делаю, — это мой стандартный профиль, в котором я просматриваю сеть, и профиль по умолчанию, с помощью которого я тестирую свои веб-страницы. Таким образом, я могу просматривать веб-страницы так, как мне удобно, но я также знаю, как большинство людей увидят мою веб-страницу. Если вы настаиваете на просмотре с помощью Internet Explorer, то вам нужно помнить, чтобы отключать пользовательские таблицы стилей при тестировании веб-страниц.

Ссылка на основную публикацию