**font属性比较多,一般只用几种**
> font 简写属性在一个声明中设置所有字体属性。
可设置的属性是(按顺序): "font-style font-variant font-weight font-size/line-height font-family"
>font-size和font-family的值是必需的。如果缺少了其他值,默认值将被插入,如果有默认值的话。
>一般这样写:``font:16px bold sans-serif;``
* font-size表示字体大小:
~~~
可以用自带的,分别有xx-small,x-small,small,medium,large,x-large,xx-large.
还可以这样
font-size:20px;
font-size:126%(相对于父级元素大小)
font-size:1.26em(相对应父级元素大小倍数)
~~~
* font-family表示字体体系:
~~~
font-family:sans-serif,verdana,geneva,arial,"courier new";(这是几种字体样式)
其中如果只有inherit表示继承自父元素样式
如果要用自己的字体样式,则:
@font-face{
font-family:sans-serif,verdana,"courier new";
src:url(字体文件路径),(字体文件路径);
}
~~~
* font-style
~~~
font-style:...;
normal 默认值。浏览器显示一个标准的字体样式。
italic 浏览器会显示一个斜体的字体样式。
oblique 浏览器会显示一个倾斜的字体样式。
inherit 规定应该从父元素继承字体样式。
~~~
* font-weight 属性设置文本的粗细
~~~
font-weight:...;
normal 默认值。定义标准的字符。
bold 定义粗体字符。
bolder 定义更粗的字符。
lighter 定义更细的字符。
inherit 规定应该从父元素继承字体的粗细。
100~900 用数值表示粗细
~~~
* 行高
~~~
行高用line-light表示,它有三种表示方法:
line-height:20%,1.2em,30px;
其中em和百分比都是相对于字体的高度说的
~~~
**注意没有font-color**