重点：

  1. CSS简介
  2. CSS语法

  3. CSS的引入方式

    1、CSS简介

    CSS（Cascading Style Sheets）层叠样式表，又叫级联样式表，简称样式表。使用CSS的目的就是让网页看起来美观一致

    CSS与HTML之间的关系：

  4. HTML用于构建网页的结构

  5. CSS用于构建HTML元素的样式
  6. HTML是页面的内容组成，CSS是页面的表现

    2、CSS语法

    CSS规则由两个主要的部分组成：选择器，以及一条或多条声明（样式）
    1. h1 {
    2. color: blue;
    3. font-size: 12px;
    4. }
    image.png
    选择器通常是您需要改变样式的HTML元素。
    每条声明由一个属性和一个值组成。
    属性是您希望设置的样式属性。每个属性有一个值。属性和值被冒号分开。
    1. h1 {
    2. color: blue;
    3. /*font-size: 12px;*/
    4. }
    代码中/*注释内容*/，代表CSS的注释方式

    3、CSS的引入方式

    内联样式（行内样式）

    要使用内联样式，你需要在相关的标签内使用样式属性。Style属性可以包含任何CSS属性。

    特点：缺乏整体性和规划性，不利于维护，维护成本高

  1. <p style="font-size: 20px; color: red;">这是⼀条⾏内样式</p>

内部样式

当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用<style>标签在文档头部定义内部样式表

特点：单个页面内的CSS代码具有统一性和规划性，便于维护，但是在多个页面之间容易混乱。

  1. <style>
  2.   h1 {
  3.     color: red;
  4.   }
  5. </style>

外部样式（推荐）

当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用<link>标签链接到样式表。<link>标签在（文档的）头部。

  1. <link rel = "stylesheet" href="style.css" >