马黑黑 发表于 2023-1-24 16:47

CSS之文本敲黑板属性

<style>
.empha { text-emphasis: dot black; -webkit-text-emphasis: dot black; -moz-text-emphasis: dot black; }
.empha_under { text-emphasis-position: under; -webkit-text-emphasis-position: under; -moz-text-emphasis-position: under; }

</style>

<p>中文标点符号中有一个着重号,用于标示语段中某些重要的或需要指明的文字。中文着重号是一个圆点,加在文字的下方,样式如下:</p>
<p><br></p>
<p><span class="empha empha_under">着重号</span>是中文标点符号中标号的一种。</p>
<p><br></p>
<p>CSS3其实也有着重号,但它的默认样式是如下酱紫:</p>
<p><br></p>
<p>CSS<span class="empha">着重号</span>是一种敲黑板记号。</p>
<p><br></p>
<p>嗯,还是我们中文的着重号规范标准。从这个区别,能看出思路有多重要,也只有标准而规矩的文明才能制定出稳重端庄的着重号标记。着重要应该点在文字的下方,CSS默认将着重号打在文本的头上,这是一种打压行为的思维倾向,即便其初衷是为了突出重点。</p>
<p><br></p>
<p>好在CSS基于着重号还有补救手段,它提供一个重点号位置的设定属性,敲黑板的正确姿势——即标记在文本下方——才得以实现。知错而改,善莫大焉!</p>
<p><br></p>
<p>进入主题吧:</p>
<p><br></p>
<p>text-emphasis&nbsp;属性用于强调文本,它其实是一个简写属性,将 text-emphasis-style&nbsp;和&nbsp;text-emphasis-color&nbsp;归到一个属性里。举例如下:</p>
<p><br></p>
<p>&nbsp; &nbsp; text-emphasis:&nbsp;dot&nbsp;red;&nbsp;</p><p><br></p><p>上面的CSS属性设置,将重点号设定为小圆点(dot),红色(red)。它是简写属性,等价于如下两句:</p>
<p><br></p>
<p>&nbsp; &nbsp; text-emphasis-style: dot;<br>&nbsp; &nbsp; text-emphasis-color: red;</p><p><br></p><p>着重号的形状除了小圆点(dot)之外,还有&nbsp;circle(比dot大的圆点)、double-circle(双圆圈)、triangle(三角形)、sesame(芝麻点)等,还可以用&nbsp;string(字串)表达,例如:text-emphasis-style:&nbsp; “❀”;</p>
<p><br></p>
<p>着重号属性可以设置位置,属性名称为 text-emphasis-position ,想把着重号标记在文字的下面,使用&nbsp;under&nbsp;值:<br><br>&nbsp; &nbsp; text-emphasis-position: under;</p>
<p><br></p>
<p>需要注意的是,现代主流浏览器对&nbsp;text-emphasis&nbsp;属性的支持有些被动,最新版本的浏览器已经默认支持,但不新不旧的还需要用前缀它们才认。为此,上述例子中的代码,都需要写多份:</p>
<p><br></p>
<p>&nbsp; &nbsp; text-emphasis-style: dot;<br>&nbsp; &nbsp; text-emphasis-color: red;<br>&nbsp; &nbsp; -webkit-text-emphasis-style: dot;<br>&nbsp; &nbsp; -webkit-text-emphasis-color: red;<br>&nbsp; &nbsp; -moz-text-emphasis-style: dot;<br>&nbsp; &nbsp; -moz-text-emphasis-color: red;</p>
<p><br></p>
<p>浏览器之所以对着重号属性的支持不积极,与文化不自信有关——它们可能认为着重号是中文标点制定的东东。</p>

红影 发表于 2023-1-24 20:42

从来没注意过着重号,在这个帖子里学习到了。黑黑提诶一如既往地幽默,看得欢乐,也学习到了{:4_187:}

千羽 发表于 2023-1-24 21:33

俺睡着了,敲黑板也没听见{:4_181:}

马黑黑 发表于 2023-1-24 21:34

红影 发表于 2023-1-24 20:42
从来没注意过着重号,在这个帖子里学习到了。黑黑提诶一如既往地幽默,看得欢乐,也学习到了

着重号是早就有的

马黑黑 发表于 2023-1-24 21:34

千羽 发表于 2023-1-24 21:33
俺睡着了,敲黑板也没听见

装睡扣分

千羽 发表于 2023-1-24 21:39

马黑黑 发表于 2023-1-24 21:34
装睡扣分

不是装睡,鼾声如雷了{:4_203:}

马黑黑 发表于 2023-1-24 21:39

千羽 发表于 2023-1-24 21:39
不是装睡,鼾声如雷了

不可能!辣么娇气,肿么会

千羽 发表于 2023-1-24 21:41

马黑黑 发表于 2023-1-24 21:39
不可能!辣么娇气,肿么会

哈哈{:4_189:}

马黑黑 发表于 2023-1-24 21:41

千羽 发表于 2023-1-24 21:41
哈哈

娇气菇凉不打鼾

千羽 发表于 2023-1-24 21:44

马黑黑 发表于 2023-1-24 21:41
娇气菇凉不打鼾

俺可不娇气,就是鼾声如雷{:4_181:}

马黑黑 发表于 2023-1-24 21:45

千羽 发表于 2023-1-24 21:44
俺可不娇气,就是鼾声如雷

那你太幸福了:和猪一样无忧无虑,能睡。

千羽 发表于 2023-1-24 21:54

马黑黑 发表于 2023-1-24 21:45
那你太幸福了:和猪一样无忧无虑,能睡。

是黑黑老师的亲身体会吧?但你不能把自己比喻成猪哦{:4_203:}

红影 发表于 2023-1-24 22:03

马黑黑 发表于 2023-1-24 21:34
着重号是早就有的

平时没注意呗{:4_173:}

马黑黑 发表于 2023-1-24 22:04

千羽 发表于 2023-1-24 21:54
是黑黑老师的亲身体会吧?但你不能把自己比喻成猪哦

猪没啥不好。如果没人杀它,它很长寿。

马黑黑 发表于 2023-1-24 22:05

红影 发表于 2023-1-24 22:03
平时没注意呗

着重号我早知道,不过呢,很多人不知道也是正常的:我查资料,介绍到着重号,举的例都木有着重号。

千羽 发表于 2023-1-24 22:08

马黑黑 发表于 2023-1-24 22:04
猪没啥不好。如果没人杀它,它很长寿。

黑黑老师是因为也想长寿啊,知道了{:4_181:}

红影 发表于 2023-1-24 22:10

马黑黑 发表于 2023-1-24 22:05
着重号我早知道,不过呢,很多人不知道也是正常的:我查资料,介绍到着重号,举的例都木有着重号。

也可以用背景高亮啊,不一定用这个的,所以不背重视的吧。

马黑黑 发表于 2023-1-24 22:24

红影 发表于 2023-1-24 22:10
也可以用背景高亮啊,不一定用这个的,所以不背重视的吧。

那不同

马黑黑 发表于 2023-1-24 22:25

千羽 发表于 2023-1-24 22:08
黑黑老师是因为也想长寿啊,知道了

{:4_196:}

红影 发表于 2023-1-24 22:26

马黑黑 发表于 2023-1-24 22:24
那不同

也差不多啊{:4_173:}
页: [1] 2 3 4
查看完整版本: CSS之文本敲黑板属性