css引入样式和字体样式

css知识点

css引入方式

                   1，行内样式

<div style="color:red;">内容</div>

         ,2，内嵌式

<style>

      div{

color:red;

}

</style>

         3，外链式

<link rel="stylesheet" href="css文件">

         4，导入式

@import url("css文件");

或

@import "css文件";

                  优先级

行内样式最大最晚引入，优先级高

         选择器

         1，  标签选择器

标签名{

  样式属性名：属性值；

}

,2， 类选择器

标签名{

 样式属性名：属性值；

}

                   3，id选择器

#id值{

  样式属性名：属性值；

}

         4，包含选择器

选择器E  选择器F{

  样式属性名：属性值；

         字体相关样式

                   1，font-size 字体大小

         ,2，font-family 字体系列,多个字体间用逗号隔开英文字体名称中间有空格，用引号引来

                   3，font-style 字体风格

                            normal 正常

                            italic 斜体

                            oblique 倾斜

                   font-weight 字体粗细

                            normal 正常

                            bold 粗体

                            bolder 加粗

                            100-900 9个层次

                            lighter 细体

         4，line-height 行高

                            单位 px若无单位，表示倍数

5， 缩写

font:font-style值 font-weight值

font-size值/ line-height值

font-family值