我们经常会在网页的文字中高亮强调某个关键词，并用粗体、高亮、下划线等一系列相对搭配的样式进行装饰，以吸引用户的注意。今天我们就来看看另一种实现方式text-emphasis。在页面文字段落中，有时我们会根据上下文（如粗体、高亮、斜体、文字渐变、下划线等）对某个关键字进行高亮，以修饰文字中的某个关键字，从而引起用户的注意，然后让用户理解段落文字的中心意思。现在我们可以了解一个新的文本强调装饰属性，即：text-emphasis。好像用处不大，在实际项目中可能也很少用到，但是多注意多选择也没关系。CSSEmphasisMarks首先，让我们了解一下这个Emphasis标记的属性。从字面上看，就是强调的意思，读音是[?emf?s?s]。text-emphasis是text-emphasis-style和text-emphasis-color的缩写。另一个属性是text-emphasis-position，它不属于text-emphasis的缩写。即：p{text-emphasis:'?'orange}p{text-emphasis-style:'?';text-emphasis-color:orange;}两者的渲染结果是一样的。二是了解具体属性。1.text-emphasis-style属性——强调标签的风格。文本强调样式：无|[[填充|打开]||[点|圈子|双圈|三角形|芝麻]]|none初始值，无标记。[[填充|打开]||[点|圈子|双圈|三角形|芝麻]]关键词修饰点?|圆圈●|双圈?|三角形▲|sesame?string自定义字符装饰。比如一些特殊的字符或者文字等等。2.text-emphasis-color属性-强调标记颜色text-emphasis-color:color；如果不设置该属性值，则根据其元素颜色确定。如：p{text-emphasis-style:'?';text-emphasis-position:underright;color:blue;}//这里我们去掉text-emphasis-color:orange;属性，它将与文本颜色保持一致。3.text-emphasis-position属性——强调标记的位置。文本强调位置：[超过|下]&&[右|left]例如强调文字下方的装饰，即：p{text-emphasis-style:'?';文本强调颜色：橙色；text-emphasis-position:underright;}CSSEmphasisMarksTextEmphasisDecorationExampleFigure最后，兼容性。此问题中的示例在Firefox浏览器上运行。如果chrome需要临时加上-webkit-前缀，请参考CANIUSE检查兼容性。经过测试，总体来说，在临时使用场景或者兼容性上还是有一定的局限性。视实际情况而定，应视为额外选择并保留。
