属性名:font-size
语法:
div {
font-size: 40px;
}
注意点
- Chrome浏览器支持的最小文字为12px,默认的文字大小为16px,并且0px会自动消失。
- 不同浏览器默认的字体大小可能不一致,所以最好给一个明确的值,不要用默认大小。
- 通常以给body设置font-size属性,这样body中的其他元素就都可以继承了。
借助控制台看样式:
属性名:font-family
语法:
div {
font-family: "STCaiyun", "Microsoft YaHei", sans-serif;
}
注意:
- 使用字体的英文名字兼容性会更好,具体的英文名可以自行查询,或在电脑的设置里去寻找。
- 如果字体名包含空格,必须使用引号包裹起来。
- 可以设置多个字体,按照从左到右的顺序逐个查找,找到就用,没有找到就使用后面的,且通常在最好写上serif(衬线字体)或sans-serif(非衬线字体)。
- windows系统中,默认的字体是微软雅黑。
属性名:font-style
常用值:
实现斜体时,更推荐使用italic。
语法:
div {
font-style: italic;
}
属性名:font-weight
常用值:
关键词
- lighter:细
- normal:正常
- bold:粗
- bolder:很粗(多数字体不支持)
数值
- 100~1000且无单位,数值越大,字体越粗(或一样粗,具体得看字体设计时的精确程度)。
- 100~300等同于lighter,400~500等同于normal,600及以上等同于bold。
语法:
div {
font-weight: bold;
}
div {
font-weight: 600;
}