font-size 文字大小
font-size:<length>|<percentage>|<absolute-size>|<relative-size>
父元素 文字大小:font-size:12px;
子元素 文字大小:font-size:16px;
子元素 文字大小:font-size:2em; 24px参照父元素
子元素 文字大小:font-size:200%; 24px参照父元素
font-family 字体
font-family:[<family-name>|<generic-family>]#
<generic-family>=self|sans-self|cursive|fantasy|monospace (衬线体|非衬线体|草书|幻想体|等宽字体)是一类字体,是由浏览器指定的
字体系列:font-family:arial;只设置了英文字体,中文字体为默认字体
字体系列:font-family:arial,Verdana,sans-serif;
字体系列:font-family:Verdana,"microsoft yahei";(英文字体,中文字体)
字体系列:font-family:"宋体",serif;(英文中文都是宋体,后面的不起作用)
font-weight 加粗字体
font-weight:normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900
字体粗细:font-weight:normal;
字体粗细:font-weight:bold;
font-style
font-style:normal|italic(字体本身的斜体)|oblique(倾斜)
字体风格:font-style:normal;
字体风格:font-style:italic;
line-height
line-height:normal(1.1-1.2/1.14)|<number>|<length>|<percentage>
行高:line-height:40px;
行高:line-height:3em;
行高:line-height:300%;先计算再继承
行高:line-height:3;line-height为number时为直接继承
font
text{
font-size:12px;
font-family:arial;
font-weight:bold;
font-style:italic;
line-height:20px;
}
font:[[<font-style>||<font-variant>||<font-weight>||<font-stretch>]?<font-size>[/<line-height>]?<font-family>]|caption|icon|menu|message-box|small-caption|status-bar
缩写:font:30px/2 "Consolas",monospace;
缩写:font:italic bold 20px/1.5 arial,serif;
缩写:font:20px arial,serif;
缩写:font:100px;错误
color
color:red;
color:#ff0000;
color:rgb(255,0,0);
color:rgba(255,0,0,0.5);
color:rgba(0,0,0,0);全透明
color:transparent;全透明