今天在学习CSS的字体样式的时候,发现字体风格 font-style 虽然是用来打开和关闭文本 italic,但更多用于去除倾斜,也就是 font-style: normal;这个用法。于是出于好奇我去问了问AI,才了解到一种强调用法,即em{font-style: normal;},将这个em标签在CSS中修改样式,可以实现在使用em标签强调时将所有的文本都统一修改,这样就不用在每句话之前都加上取消倾斜,加粗,下划线等等,后续修改时也只需要在CSS中修改em的样式,十分方便。不仅如此,我还了解到为什么会用 em 标签而不是 i 标签,首先em标签有语义,寻找起来不麻烦;其次它本身就表示强调,即使把它默认的斜体去掉了,它仍然向屏幕阅读器表明这是一个强调内容,屏幕阅读器可能会用不同的语调朗读。所以这样做的话,可以同时兼具语义正确性,设计灵活性,维护性和统一性。这也是结构与样式分离的好处。