一、什么是CSS

• CSS是一门语言，用于控制网页表现
• 样式定义如何显示 HTML 元素 
• 样式通常存储在样式表中，外部样式表可以极大提高工作效率
• 外部样式表通常存储在 CSS 文件中
• 多个样式定义可层叠为一个

二、CSS导入方式

CSS导入HTML有三种方式：

1. 内部样式：在标签内部使用style属性，属性值是CSS属性键值对

   <div style="color.red">Hello CSS-</div>

    

2. 内部样式：定义<style>标签，在标签内部定义CSS样式

   <style type = "text/css">
       div {
             color:red;
        }
   </style>

    

3. 外部样式：定义link标签，引入外部的CSS文件

   <link rel="stylesheet" href="demo.css">

三、CSS选择器

• 概念：选择器是选取需设置样式的元素（标签）

  div{
       color:red;
  }

  分类

1. 元素选择器
2. id选择器（可以为标有特定 id 的 HTML 元素指定特定的样式，以 “#” 来定义）
3. 类选择器（可以在多个元素中使用，以一个点 . 号显示)

四、CSS背景

CSS 背景属性用于定义HTML元素的背景。

CSS 属性定义背景效果:

• background-color
• background-image
• background-repeat
• background-attachment
• background-position