一、什么是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