css font的简写规则
2015-11-23 15:10
501 查看
font-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的简写注意事项
1、简写时,font-size和line-height只能通过斜杠/组成一个值,不能分开写。
2、顺序不能改变.这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且,如果你没有设定font-weight, font-style, 以及 font-varient ,他们会使用缺省值
font-style(字体样式): normal(正常)、italic(斜体)或oblique(倾斜);
font-variant (字体变化): normal(正常)或small-caps(小体大写字母);
font-weight (字体浓淡): 是normal(正常)或bold(加粗)。有些浏览器甚至支持采用100到900之间的数字(以百为单位);
font-size(字体大小): 可通过多种不同单位(比如像素或百分比等)来设置, 如:12xp,12pt,120%,1em
顺序:
font-style | font-variant | font-weight | font-size | line-height | font-family
.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 ,他们会使用缺省值
相关文章推荐
- 常用界面交替动画样式以及View动态样式
- 常用css 样式积累
- CSS 布局:40个教程、技巧、例子和最佳实践
- CSS3制作各种形状图像
- css负边距之详解
- 系统级搜索(基础应用)-CSSearchable
- CSS生成字体@font-face
- CSS Sprites,如何来规划?
- css 背景图片宽度100% 高度延y轴重复repeat-y方法
- css 背景图片宽度100% 高度延y轴重复repeat-y方法
- 把样式写进html编辑器弊端
- CSS简介
- css样式中position和_position的区别
- css案例学习之float浮动
- 解决css的float父div没有高度
- 为telerik控件设置主题样式
- CSS3实现鼠标hover的过渡效果
- css黑魔法
- CSS3 弹性布局Flex
- css案例学习之父子块的margin