CSS基础一（书写位置）

<!-- CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。

CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。
 -->

<!-- - 内联样式表 -->
      <div style="width:200px;height:100px;background-color:red;color:blue;"></div>
<!-- - 内部样式表
  - 在head标签里面，生成一个style的双标签
  - 在style的标签里面写对应的css样式 -->
        <style>
          div {
              width: 200px;
              height: 200px;
              background-color: pink;
          }
      </style>
<!-- - 外部样式表
  - 新建一个css文件夹
  - 在css文件夹的下面新建一个.css后缀的文件
  - 在html文件的head标签里面生成一个link单标签  -->
        <link rel="stylesheet" href="css/外部样式表.css" type="text/css">
      <!--   rel: 当前关联的文件类型 stylesheet：样式表
        href：css文件的路径
        type：文件类型 默认就是css文件类型 -->
<!-- - css语法
  选择器{
    属性:属性值;（声明）
    属性:属性值;（声明）
    属性:属性值;（声明）
    ……
  } 
  - 选择器和声明组成
  - 每条声明以分号结尾
  - 最后一条声明可以省略分号 
- 样式表的权重(优先级) 
  - 内联>内部 
  - 内联>外部
  - 内部和外部,根据就近原则，离得近的优先显示
- 样式表的选择
  - 内联样式表：css属性较少的时候，还需要考虑优先级的问题
  - 内部样式表：写小案例
  - 外部样式表：整页开发，结构样式分离 -->