字体属性
font-size:设置文本的大小
能否管理文字的大小,在网页设计中是非常重要的。但是,你不能通过调整字体大小来使段落看上去像是一个标题,或者使一个标题看上去像段落。
1 | h1 {font-size:40px;} |
2 | h2{font-size:30px;} |
3 | p{font-size:14px;} |
提示:chrom浏览器接受最小的字体是12px
font-weight:设置文本的粗细
值 | 描述 |
bold | 定义粗体字符 |
bolder | 定义更粗的字符 |
lighter | 定义更细的字符 |
100~900 | 定义由细到粗 400等同默认,700等同于bold |
1 | H1{font-weight:normal;} |
2 | div{font-weight:bold;} |
3 | p{font-weight:900;} |
font-style:指定文本的字体样式
值 | 描述 |
normal | 默认值 |
italic | 定义斜体字 |
font-family:指定一个元素的字体
提示:
每个值用逗号分开
如果字体名称包含空格,它必须加上引号
1 | font-family:"Microsoft YaHei","SImsun","SimHei"; |