字体样式font-style的介绍

字体样式font-style的介绍    

    1 字体样式（是否倾斜）

        属性名：font-style

        取值：1 默认取值：normal(正常) 2 italic(倾斜)

    2 字体粗细

        属性名：font-weight

        取值：

                    1 关键字 normal(正常) bold(加粗)

                    2 纯数字 100~900的整百数  400(正常)  700(加粗)

        注意：

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

                    2 实际开发中常用正常、加粗两种取值

    3 字体大小

        属性名：font-size

        取值：数字+px

        注意：

                    1 谷歌浏览器默认文字大小为16px

                    2 单位需要设置，否则无效

    4 字体系列

        属性名：font-family

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

            具体字体：微软雅黑、宋体、黑体、宋体等等

            字体系列：sans-serif、serf、monospace等

            常见字体系列(了解)：

                        1 无衬线字体(sans-serif)

                                    特点：文字笔画粗细均匀，并且首尾无装饰

                                    使用场景：网页中大多采用无衬线字体

                                    常见该系列字体：黑体、Arial

                        2 衬线字体(serif)

                                    特点：文字笔画粗细不均匀，并且首尾有笔锋装饰

                                    使用场景：报刊书籍中广泛应用

                                    常见该系列字体：宋体、Times New Roman

                        3 等宽字体(monospace)

                                    特点：每个字母或文字的宽度相等

                                    使用场景：一般用于程序代码编写，有利于代码的阅读和编写

                                    常见该系列字体：Consolas、fira code

        渲染规则：

                    1 从左到右，如果电脑未安装该字体，则显示下一个

                    2 如果都不支持，电脑会根据操作系统显示默认字体

        注意：

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

                    2 最后一项字体系列不需要引号包裹

                    3 网页开发时，尽量使用常见字体，保证不同浏览器显示正常

    5 字体font相关属性的连写

        属性名：font

        取值：顺序 style weight size family

        注意：style weight可以省略，如果省略则默认取值  

例题：

    
    
    
    
    

    
这是p标签

    

效果图： 

 

---

 以上是作者学习总结，分享所学，共同进步。如若哪处有误，感谢指出！