Skip to main content

什么是用户样式表以及我为什么要使用它?

Web 前端系列课程2 | 网页、网站构成、浏览器分别是什么? | html+css入门开发 (六月 2025)

Web 前端系列课程2 | 网页、网站构成、浏览器分别是什么? | html+css入门开发 (六月 2025)
Anonim

现在,当我使用用户样式表时,我没有设置我访问的所有网页看起来都相同的情况。相反,我有一个用户样式表,可以帮助我浏览Web。用户样式表允许您在页面元素上设置样式,以便您可以更轻松地阅读和使用它们,无论网页设计者的目的是什么。

我注意到的一件事是很多网页都是由年轻人建造的。这些人似乎喜欢那些微观的字体。使用用户样式表,我可以将默认字体大小设置为对我来说更易读的字体大小。 Web设计人员的另一个流行技巧是从链接中删除下划线。虽然这可能使页面看起来“更好”,但更难说出可点击的内容。因此,对于用户样式表,我将下划线放回到我访问的页面上的链接上。

编写用户样式表

编写用户样式表就像为Web页面编写CSS样式表一样简单。您可以在标准样式表中使用所有相同的属性和命令。用户样式表的技巧是它存储在您的硬盘上,并告诉您的Web浏览器使用它。根据您使用的Web浏览器,设置说明不同:

  • 火狐
  • 适用于Windows的Internet Explorer
  • 适用于Macintosh的Internet Explorer
  • Mozilla的
  • 歌剧
  • 苹果浏览器

用户样式表和辅助功能

添加下划线或使字体更大是一个良好的开端,使我访问的网页更容易被我访问,但使用用户样式表,你可以更进一步。例如,许多Web设计人员仍在其页面上使用和元素,而不是使用更多的语义和。如果我是盲人,使用听觉浏览器,浏览器将不知道该怎么做,因为那些没有任何语义含义。但是使用用户样式表,我可以将它们定义为具有强烈或强调的声音,与其语义对应物相同。

使用用户样式表

使用用户样式表的最常用方法是将下划线添加回链接。您只需将以下CSS属性添加到用户样式表即可:

:链接,:访问{text-decoration:下划线!重要; }

在样式的末尾添加“!important”至关重要,因为否则,作者定义的样式表将优先于您的用户样式表。

用户样式表的另一个有用技巧是使一些更烦人的标签不那么烦人。这种风格使blink标签和marquee标签不闪烁或滚动:

眨眼{text-decoration:none!重要; } marquee {-moz-binding:none!重要; }

网页设计师:记住这一点

您应该记住在设计网页时设置了用户样式表。否则,您将花费数小时和数小时来解决为什么您在所有链接上看到下划线的问题,而您团队中的其他人都没有。您可能会笑,但如果您今天设置用户样式表,然后在六个月内更改您的网站样式,您很可能忘记设置用户样式表。

我所做的是拥有我浏览Web的标准配置文件和我用来测试我的网页的默认配置文件。这样我可以在网上浏览我最舒服的方式,但我也知道大多数人会看到我的网页。如果您坚持使用Internet Explorer进行浏览,则需要记住在测试网页时关闭用户样式表。