css样式中font属性的简写规则
2016-01-21 13:37
666 查看
一、字体属性主要包括下面几个font-family,font-style,font-variant,font-weight,font-size,fontfont-family(字体族): “Arial”、“Times New Roman”、“宋体”、“黑体”等;font-style(字体样式): normal(正常)、italic(斜体)或oblique(倾斜);font-variant (字体变化): normal(正常)或small-caps(小体大写字母);font-weight (字体浓淡): 是normal(正常)或bold(加粗)。有些浏览器甚至支持采用100到900之间的数字(以百为单位);font-size(字体大小): 可通过多种不同单位(比如像素或百分比等)来设置, 如:12xp,12pt,120%,1em 如果用 font 属性的话,就可以把几个样式进行简化,减少书的情况;font 属性的值应按以下次序书写(各个属性之间用空格隔开): 顺序:
font-style | font-variant | font-weight | font-size | line-height | font-family二、[b]font的简写实例[/b]
.font{font-style:italic;font-variant:small-caps;font-weight:bold;font-size:12px;line-height:1.5em;font-family:arial,verdana;}上面的样式简写为: .font{font:italic small-caps bold 12px/1.5em arial,verdana;} 三、font的简写注意事项 1、简写时,font-size和line-height只能通过斜杠/组成一个值,不能分开写。 2、顺序不能改变.这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且,如果你没有设定font-weight, font-style, 以及 font-varient ,他们会使用缺省值
相关文章推荐
- HTML+CSS慕课网学习总结(一)
- css 浏览器兼容性hack写法
- AlertDialog对话框的几种样式
- 动态加载JS和CSS
- css中filter:alpha透明度使用小结,兼容IE、火狐
- 修改radio、checkbox、select默认样式的方法
- 边距重叠问题
- 纯css实现下拉菜单
- View 样式(背景色、圆角、描边、等等)
- css选择器详解
- CSS控制显示超出部分,用省略号显示
- 隐性改变display类型
- 使用css方法,实现文字字符串截断处理
- CSS垂直居中
- CSS水平居中
- css中的浮动
- Relative与Absolute组合使用
- CSS元素分类与布局模型
- Qt浅谈之四十一QLineEdit的新样式和补全历史记录
- CSS总结