Css之【字体系列】综合技巧总结(持续更新中...)
2012-10-05 04:50
369 查看
一、CSS 字体系列
body {font-family: 宋体;}二、斜体文本
该属性有三个值:normal - 文本正常显示
italic - 文本斜体显示
oblique - 文本倾斜显示
p.normal {font-style:normal;} p.italic {font-style:italic;} p.oblique {font-style:oblique;}
三、字体变形
p {font-variant:small-caps;}
四、字体加粗
p.normal {font-weight:normal;} p.thick {font-weight:bold;} p.thicker {font-weight:900;} /* 精确粗细程度*/
五、字体大小
h1 {font-size:60px;} h2 {font-size:40px;} p {font-size:14px;}
使用 em 来设置字体大小
如果要避免在 Internet Explorer 中无法调整文本的问题,许多开发者使用 em 单位代替 pixels。W3C 推荐使用 em 尺寸单位。
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 单位,则可以在所有浏览器中调整文本大小。
不幸的是,在 IE 中仍存在问题。在重设文本大小时,会比正常的尺寸更大或更小。
结合使用百分比和 EM
在所有浏览器中均有效的方案是为 body 元素(父元素)以百分比设置默认的 font-size 值:body {font-size:100%;} h1 {font-size:3.75em;} h2 {font-size:2.5em;} p {font-size:0.875em;}
CSS 字体属性
属性 | 描述 |
---|---|
font | 简写属性。作用是把所有针对字体的属性设置在一个声明中。 |
font-family | 设置字体系列。 |
font-size | 设置字体的尺寸。 |
font-size-adjust | 当首选字体不可用时,对替换字体进行智能缩放。(CSS2.1 已删除该属性。) |
font-stretch | 对字体进行水平拉伸。(CSS2.1 已删除该属性。) |
font-style | 设置字体风格。 |
font-variant | 以小型大写字体或者正常字体显示文本。 |
font-weight | 设置字体的粗细。 |
相关文章推荐
- CSS知识总结之浏览器(持续更新)
- iOS开展-Xcode技巧总结(持续更新)
- python技巧总结--持续更新
- 一些css小用法总结(持续更新~)
- 使用JFreeChart-技巧总结(持续更新中。。。)
- ios学习--iphone开发笔记和技巧总结(原址持续更新)
- Android开发技巧总结(持续更新中。。。)
- ios学习--iphone开发笔记和技巧总结(原址持续更新)
- iOS开发调试技巧总结(持续更新中)
- 总结js常用函数和常用技巧(持续更新)
- Html之【超链接<A>】综合技巧大全(持续更新中..)
- 常用sql技巧总结_持续更新
- WebApi学习总结系列第三篇(Http)此篇持续更新...
- fukan之编程小经验技巧学习与总结(持续更新~)
- jsf几个常用取值方法和技巧总结(持续更新)
- Html之【文字格式标签】综合技巧大全(持续更新中...)
- iOS开发调试技巧总结(持续更新中)
- 总结js常用函数和常用技巧(持续更新)
- Html之【DIV】综合技巧大全(持续更新中...)
- 工作中总结的linux命令应用技巧(会持续更新)