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