前端基础二CSS知识点

一、CSS 层叠样式表(Cascading Style Sheets)css

所谓层叠,能够将整个网页想象成一层一层的结构,层次高的覆盖层次低的。html

二、三种设置CSS样式的方法:浏览器

(1)、能够在标签内部的style属性中设置样式,可是咱们直接将样式编写到元素内部中,样式不能复用,并且维护性不好,通常开发中不会使用这种内联样式(也叫行内样式)。缓存

(2)、能够将样式写在head中的style标签中。好处是使CSS代码与HTML代码进一步分离,还可使CSS代码在当前页面复用。spa

      <style type="text/css">htm

               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文件能够在不一样页面中进行引用。

       而且可使用浏览器的缓存,提升用户的访问速度。

三、CSS语法格式

(1)、css中的注释格式:/*   css中的注释内容   */

(2)、css基本语法:

      css的样式由两部分组成:

                     第一部分:选择器 (选择器的做用是选中页面中须要设置样式的元素)

                     第二部分:声明块(声明块里边是由一个一个的样式的键值对结构组成的,每个样式的样式名和样式值之间使用:链接,多个样式之间用;隔开,每一个样式咱们又称为一个声明。) 

            选择器{

                          样式名:样式值;

                          样式名:样式值;

                              }