CSS篇学习笔记（一）

一、css简介

css:层叠样式表

--网页实际上是一个多层的结构,通过Css可以分别为网页的每一层设置样式

而最终我们能看到的只是网页最上边的一层

css用来设置网页中元素的样式:

*第一种：

在标签内部使用style（内联样式）属性来设置元素的样式【属性只能写在开始标签里】（不怎么用）

问题：只能对一个标签生效，如果希望影响多个因素，必须一直复制粘贴

当发生改变时必须一个一个修改，非常不方便

注意：开发时绝对不要使用内联样式

第二种：

内部样式表

--将样式编写到head中的style标签里

--通过css选择器选中元素并为其设置各种样式

优点：可以同时为多个标签设置样式，并且修改时只需要修改一处

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

问题：只能对一个网页起作用，不能跨页面使用

第三种：（最佳）

开发中一般使用这种方式

外部样式表

--将css样式编写到一个外部的css文件中

--通过link标签引入外部的css文件

<link rel="stylesheet" href="文件路径">

优点：只要使用这些样式的网页都可以对其进行引用，使样式可以在不同网页之间实现复用

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

​

​