CSS简介和CSS编写位置

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

使用css修改元素的样式。

方式1：内联样式，行内样式。

在标签内部，通过style属性设置元素的样式。 使用内联样式，样式只能对一个标签生效，如果希望影响到多个元素必须在每一个 元素中都复刻一遍。并且当样式发生变化时，我们必须要一个一个修改非常不方便。 注意：开发时，不要使用内联样式。

<p style="color:red;font-size:20px">dhkahk</p>

方式2：内部样式表。

将样式编写到head中的style标签里，然后通过css的选择器来选中元素，并为其设置各种样式。可以同时为多个标签设置样式，并且修改时，只需要修改一处计科全部应用。内部样式更加方便对样式进行复用。内部样式表只能对一个网页起作用，它里边的样式不能跨页面进行复用。

<style>
p{
   font-size:25px;
   color:green;
}
</style>

方式3：外部样式表。

可以将css样式编写到一个外部的css文件中，然后通过link标签来引入外部的css文件。也是写在head标签里边。方法：创建一个css文件，然后在head标签中创建link标签，href后边跟上css文件。外部样式表需要通过link标签进行引入，意外着只要想使用这些样式的网页，都可以对其进行引用，使样式可以再不同的页面进行复用（这是开发中最佳使用方式）我们将样式编写到外部的css文件中，可以使用到浏览器的缓存机制，从而加快网页的加载速度，提高用户体验。

<link rel="stylesheet href="./style.css">