font字体

目标：能够使用字体和文本相关样式修改元素外观样式

专注于为中小企业提供成都网站建设、成都网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业阳春免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上千企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

字体大小

属性名：front-size

取值：数字+px

注意点：谷歌浏览器的默认值是16px，单位需要设置，否则是无效的。

    
今天也有努力呦！！！

字体粗细

属性名：font-weight

取值：

关键字取值：

纯数字取值：100~900的整百数

注意点：

不是所有字体都提供了9中粗细，因此部分取值页面中无变化

在实际开发中，以正常，加粗两种取值使用的最多。

 


    
今天也有努力呦！！！
    
嗯嗯，努力了呀！

字体样式

属性名：font-style

取值：

正常(默认值)：normal

倾斜：italic

    
明天也要加油呦！

常见的字体系列

1、无衬线字体(sans-serif)

2、衬线字体

3、等宽字体

字体系列font-family

属性名：font-family

常见取值：具体字体1，具体字体2，具体字体3......字体系列

渲染规则：从左往右按照顺序查找，如果电脑中未安装该字体，则显示下一个字体。如果都不支持，会根据OS，显示最后字体系列的默认字样。

注意点：

1、如果字体名称中存在多个单词，推荐使用引号包裹

2、最后一项字体不需要使用引号包裹

3、网页开发时，尽量使用系统自带常见字体，保证不同用户浏览网页都可以正确显示。

样式的层叠问题

假如给同一个p标签设置了两个颜色的属性，那么写在最后的会把前面的覆盖掉

    
明天也要加油呦！

字体样式的连写

属性名：font

取值：font：style，weight，size，family

顺序要求：可以是swsf

省略要求：只能省略前面两个，如果省略相当于设置了默认值

注意点：

如果需要同时设置单独和连写的形式

要么把单独的样式写在连写的下面

要么把单独的样式写在连写的里面(否则就相当于给同一个标签设置了两个相同属性。导致上面的被覆盖掉，所以写在下面。)

    
明天也要加油呦！