css的三种编写位置

css的位置

网页分为三个部分：结构（html）表现（css）行为（js）
其中css：

• 层叠样式表
• 网页实际上是一个多层的结构，通过css可以为网页的每一层来设置样式，而最终我们能看到只是最上面一层，总而言之，css用来设置网页中元素的样式。

css三种位置

1. 第一种方式：内联样式，行内样式
   在标签内部通过style属性设置元素的样式
   问题：使用内联样式只能对一个标签生效，如果希望影响到多个元素必须在每一个元素中都复制一遍，并且当样式发生变化时，必须逐个修改（开发避免使用）。
   
2. 第二种方式：内部样式
   将样式编写到head中的style标签里，然后通过css的选择器来选中元素并为其设置各种样式
   优点：可以同时为多个标签设置样式
   缺点：只在同一个页面生效
   
3. 第三种方式：外部样式
   将css样式编写在外部css文件中，并通过link标签来引入外部的css文件，使样式可以在不同页面中复用，并可以用到浏览器的缓存机制，从而加快网页的加载速度。