【分享】FONT 标签字体颜色对文本装饰('text-decoration')的影响
古老的 FONT
<font> 可规定文本的字体、字体尺寸、字体颜色。设计之初,为了修饰文字而生。但是,现今CSS2.1中对 font 的支持,直接宣告了 FONT 退隐的消息:在 HTML 4.01 中,font 元素不被赞成使用。在 XHTML 1.0 Strict DTD 中,font 元素不被支持。
FONT 标签在各浏览器中都被支持,只是不再推荐。
HTML4.01标准中的 FONT
根据 W3C HTML 4.01 规范,FONT 元素属于字体修饰元素(Font modifier elements),用来改变其内容的字体家族、字体大小及字体颜色,包含三个定义的属性:
● size 属性:设置字体大小,可以是绝对值(取值范围:整数 1~7,代表 7 个等级),也可以是相对值(如 +3、-1);
● color 属性:设置字体颜色,color 类型;
● face 属性:设置字体家族,是一组由逗号分割的字体名称列表。
其中,FONT 元素连同其上述三个属性均被废弃。
关于 FONT 元素的更多信息,请参考 HTML 4.01 规范 15.2.2 Font modifier elements: FONT and BASEFONT 中的内容。
FONT 标签 color 属性对文本装饰('text-decoration')的影响
text-decoration 是文本修饰的 CSS 特性,可以给一段文本加上不同的修饰线。比如 text-decoration:underline 会给文字加一个下划线。
看这个例子,FONT的 color 属性影响 text-decoration 的颜色:
<style> body { font-size: 30px; font-family: Verdana; } span { color: blue; text-decoration: underline; }</style><span>TEXT <font color="red">TEXT in FONT</font> TEXT</span>
<style> body { font-size: 30px; font-family: Verdana; } span { color: blue; text-decoration: underline; }</style><span>TEXT <font style="color:red;">TEXT in FONT</font> TEXT</span>
<style> body { font-size: 30px; font-family: Verdana; } a { color: blue; }</style><a href="#">TEXT <font color="red">TEXT in FONT</font> TEXT</a>