06 CSS简介

CSS是什么

CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。

当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。

css语言开发的文件是以.css为后缀，通过在html文件中引入该css文件来控制html代码的样式（css语言代码也可以直接写在html文件中）

采用的语言是级联样式表 （Cascading Style Sheet），也属于标记语言。

1 注释

/*单行注释*/

/*
多行注释1
多行注释2
多行注释3
*/

通常我们在写css样式的时候也会用注释来划定样式区域(因为HTML代码多所以对应的css代码也会很多)

/*这是博客园首页的css样式文件*/
/*顶部导航条样式*/
...
/*左侧菜单栏样式*/
...
/*右侧菜单栏样式*/

2 css的语法结构

选择器 {
  属性1:值1;
  属性2:值2;
  属性3:值3;
  属性4:值4;
}

3 css的三种引入方式

1.style标签内部直接书写(为了教学演示方便我们用第一种)
      <style>
        h1  {
            color: burlywood;
        }
    </style>
2.link标签引入外部css文件(最正规的方式 解耦合)
      <link rel="stylesheet" href="mycss.css">
3.行内式(一般不用)
      <h1 style="color: green">老板好 要上课吗?</h1>