前端基础二CSS知识点

1、CSS 层叠样式表（Cascading Style Sheets）

所谓层叠，可以将整个网页想象成一层一层的结构，层次高的覆盖层次低的。

2、三种设置CSS样式的方法：

（1）、可以在标签内部的style属性中设置样式，但是我们直接将样式编写到元素内部中，样式不能复用，而且维护性很差，一般开发中不会使用这种内联样式（也叫行内样式）。

（2）、可以将样式写在head中的style标签中。好处是使CSS代码与HTML代码进一步分离，还可以使CSS代码在当前页面复用。

      <style type="text/css">

               p{

                  color:red;

                  font-size:20px;

                    }

               <style>

（3）、可以将CSS样式表编写到一个外部的.css文件中，然后通过link标签将外部的样式表引入到当前页面。如：

           <link rel="stylesheet" type="text/css" href="style.css" />

        rel和type是固定值，href指向的是外部css文件的地址，用的是相对路径。这样使css和html完全分离，外部的css文件可以在不同页面中进行引用。

       并且可以使用浏览器的缓存，提高用户的访问速度。

3、CSS语法格式

（1）、css中的注释格式：/*   css中的注释内容   */

（2）、css基本语法：

      css的样式由两部分组成：

                     第一部分：选择器 （选择器的作用是选中页面中需要设置样式的元素）

                     第二部分：声明块（声明块里边是由一个一个的样式的键值对结构组成的，每一个样式的样式名和样式值之间使用：连接，多个样式之间用；隔开，每个样式我们又称为一个声明。） 

            选择器｛

                          样式名:样式值;

                          样式名:样式值;

                              ｝