CSS——字体(font-family,font-style,font-size注意要点)

来源:互联网 发布:淘宝卖家店铺不见了 编辑:程序博客网 时间:2024/05/19 09:47

font-family——设置字体(宋体、黑体之类的)

font-style——设置字体风格(也就是正常显示还是斜着显示)
normal - 文本正常显示
italic - 文本斜体显示
oblique - 文本倾斜显示
通常情况下,italic 和 oblique 文本在 web 浏览器中看上去完全一样。

font-size:设置字体大小。可以使用px单位也可以使用em。
如果要避免在 Internet Explorer 中无法调整文本的问题,许多开发者使用 em 单位代替 pixels。
W3C 推荐使用 em 尺寸单位。
1em 等于当前的字体尺寸。如果一个元素的 font-size 为 16 像素,那么对于该元素,1em 就等于 16 像素。在设置字体大小时,em 的值会相对于父元素的字体大小改变。
浏览器中默认的文本大小是 16 像素。因此 1em 的默认尺寸是 16 像素。
可以使用下面这个公式将像素转换为 em:pixels/16=em
eg.
h1 {font-size:3.75em;} /* 60px/16=3.75em */
h2 {font-size:2.5em;} /* 40px/16=2.5em */
p {font-size:0.875em;} /* 14px/16=0.875em */
在上面的例子中,以 em 为单位的文本大小与前一个例子中以像素计的文本是相同的。不过,如果使用 em 单位,则可以在所有浏览器中调整文本大小

阅读全文
0 0
原创粉丝点击