第五周HTML+CSS笔记

一，css简介

1，层叠样式表：网页实际上是一个多层的结构，通过css可以分别为网页的每一个层来设置样式，我们最终只看到的是网页的最上层

总：css用来设置网页中的样式

2，使用css来修改元素的格式

①内联样式(行内样式)：在标签内部通过style属性来设置元素的样式

问题：使用内联样式，样式只能对一个标签生效。样式发生变化时需一个一个修改，不方便。开发时不使用

②内部样式表：将样式编写到head中的style标签里，通过css的选择器来选中元素为其设置各种样式，可以同时为多个标签设置样式，并且修改时只需要修改一处即可。

内部样式表更加方便对样式进行复用。

问题：只能对一个网页起作用，样式不可以跨页面进行复用 

 

③外部样式表：将css样式编写到一个外部的css文件中，然后通过link标签来引入外部的css文件中

外部样式表只需要通过link标签进行引入。最推荐

将样式编写到外部css文件中，可以使用到浏览器的缓存机制，从而加快网页的加载速度，提高用户的体验

二，css的基本语法

1，css中注释：/*……*/

2，css的基本语法：选择器，声明块

①选择器：通过选择器可以选中页面中的指定元素。eg：p的作用为选中页面中所有的p元素

②声明块：通过声明块来指定要为元素设置的样式，声明块由一个个的声明组成，声明是一个名值对结构，一个样式名对应一个样式值，名和值之间用：连接，以；结尾。