Css之【字体系列】综合技巧总结(持续更新中...)
来源:互联网 发布:恶搞剪头发软件app 编辑:程序博客网 时间:2024/06/10 16:24
一、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 字体属性
六、
- Css之【字体系列】综合技巧总结(持续更新中...)
- Html之【DIV】综合技巧大全(持续更新中...)
- Html之【超链接<A>】综合技巧大全(持续更新中..)
- Html之【Text文本框】综合技巧大全(持续更新中...)
- Html之【ul和li】综合技巧大全(持续更新中..)
- Html之【文字格式标签】综合技巧大全(持续更新中...)
- div+css小技巧(持续更新中)
- iOS开发调试技巧总结(持续更新中)
- iOS开发调试技巧总结(持续更新中)
- iOS开发调试技巧总结(持续更新中)
- iOS开发调试技巧总结(持续更新中)
- Word小技巧总结(持续更新中……)
- Android开发技巧总结(持续更新中。。。)
- web后端学习过程中技巧总结(持续更新。。。)
- Css小技巧(持续更新)
- CSS 小技巧(持续更新)
- MySQL小技巧总结(持续更新)
- C++技巧之STL(持续更新)
- SlySoft.AnyDVD.HD.v7.0.9.0.Multilingual.Cracked-BRD
- NetPlay.Software.InstantDemo.v8.50.43.Crack.Proper-TPoDT
- Ubuntu中缺少inittab文件的原因
- Ubuntu下 ruby gem/rails运行提示rubygems.rb文件装载错误(LoadError)修复方法
- Jython安装说明 (注意:安装成功之后需要配置核心classpath的classpath路径)
- Css之【字体系列】综合技巧总结(持续更新中...)
- 重装系统outlook 数据文件转移方案
- 9_9_4在类库项目Vehicles中编写代码,执行本章前面讨论的对象系列Vehicle,
- 9_9_5创建一个控制台应用程序项目Traffic,它引用Vehicles.dll
- 征服高级CSS选择器
- POJ 3264(STRMQ)
- 我的操作系统开发学习之路
- 一个数组的值先从小到大递增后从大到小递减,找出最大的值
- 代码大全精粹(三)