一、css简介

网页分成三部分

• 结构（html）
• 表现（css）
• 行为（javascript）

css

​ -层叠样式表

​ -网页实际上是一个多层的结构通过css可以 分别为网页的每一层来设置样式，而最终我们能看到只是网页的最上边一层

​ -总之，css用来设置网页中元素的样式

使用css来设置元素的样式

第一种方式（内联样式，行内样式）：

​ -在标签内部通过添加style属性来设置元素的样式

​ -内联样式存在问题：

​ 使用内联样式，样式只能对一个标签生效，如果希望影响到多个元素，必须在每个元素中都设置一遍当样式发生变化时，我们必须要一个一个的修改，非常的不方便

🎶注意：

开发时绝对不能使用内联样式

第二种方式（内部样式表）：

​ -将样式写道head中的style标签里，然后通过css的选择器来选中元素并为其设置各种样式
可以同时为多个标签设置样式，并且修改时只需要修改一处即可全部应用

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

​ -问题：内部样式表，只能对一个网页起作用，他里边的样式不能跨网页进行复用

第三种方式（外部样式表）：最佳使用方式😎

​ -可以将css样式编写到一个外部的css文件中，然后通过link标签来引入外部的css文件

stylesheet 样式表

href 指定样式表的路径

-外部样式表需要通过link来进行引用，意味着只要想要使用这些样式的网页都可以对其进行引用，是样式可以在不同网页之间进行复用

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