1. 创建css文件的方式 （1）修改文件扩展方式

                      例：将  .txt  改成  .css

    （2）通过编辑器创建css文件

  2. css的作用 css用来给html中的元素（标签）添加样式（属性），使我们的页面更加的完整美观。

  3. css文件的引入方式 （1）引入外部的css文件 在html的head部分使用link标签引入css。 <link rel="stylesheet" href="css文件的路径"> （2）内联式css样式 在html中使用style标签对书写css样式 <style> .rose{ css样式 } </style> （3）行内样式， 在html文件的开始标签处使用style属性添加css样式

  4. css选择器 （1）标签选择器 标签名{ 属性名:属性值;

             }

    （2）类名选择器

               .类名（class）{

                  属性名:属性值;

           }

    （3）id选择器 #id{属性名:属性值;}

  5. 选择器的优先级

     id选择器 > 类名选择器 > 标签选择器

  6. css样式默认的执行顺序

      浏览器默认从上往下执行css样式，对于同类型的选择器来讲后写的样式会将前面的样式覆盖

  7. 路径问题： a. 相对路径 （1）需要引入的文件或者图片跟html文件在同一目录下，直接写文件名字或者./文件名 （2） 需要引入的文件或者图片在html文件的上级目录下，可以使用返回上一级 ../文件名 选择我们需要的文件。 （3）需要引入的文件或者图片在html文件的上上级目录下，可以使用 ../../文件名 选择我们需要的文件。 b. 绝对路径： 绝对路径不会随着html文件的位置改变。 在文件的属性-->位置

  8. 标签的分类： a. 块标签： 特点{ 独占一行 可以直接设置宽高 在不设置宽度的时候宽度默认跟父元素的宽度 在不设置高度的时候高度由内容撑开 } [div , h1~h6 ，ul,li , ol,li , p , pre , ] b. 行内标签 特点{ 不独占一行 不可以直接设置宽高 宽高由内容撑开 } [span , del , b ， i ， a] c. 行内块标签 特点{ 不独占一行 可以设置宽高 在不设置宽高的时候，宽高由内容撑开 } [img , input] d. 标签的转化： 1.转化为行内标签： 给元素添加属性 display：inline 2.转化为块标签 给元素添加属性 display：block； 3.转化为行内块标签 给元素添加属性 display：inline-block；

  9. 文字（p标签） 属性 font-size 属性值：（字体大小）30px 属性 font-family 属性值：（字体） 属性 color 属性值：（字体颜色） 属性 font-weight 属性值：（字重）---normal/bold/100~900 属性 letter-spacing 属性值：（字间距）20px 属性 line-height 属性值：（行高）文字排列在行高的中间，如果文字行高与元素的高度一致，那么文字就 会在这个行居中 属性 text-align 属性值：水平方向对齐方式