本文已参加「新人创作礼」活动，一起开启掘金创作之路。

哈喽大家好，这里是颜颜颜yan_的掘金博客~

个人主页：颜颜颜yan_

❀欢迎关注👀点赞👍收藏❤留言🖊

还请大家多多指教吖~

前言

网页分成三个部分：结构（HTML）、表现（CSS）、行为（JavaScript）

CSS定义：层叠样式表，用来设置网页中元素的样式。

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

使用css修改元素的样式

内联样式、行内样式

定义：在标签内部通过style属性设置元素的样式。

缺点：使用内联样式，样式只能对一个标签生效，如果希望影响到多个元素必须在每一个元素中都复制一遍，并且当样式发生变化时，要多次修改，很麻烦。

注意：练习时可以使用，但开发时绝对不要使用内联样式。

内部样式表

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

好处： 内部样式表更方便对样式进行复用。

缺点：只能对一个网页起作用，不能跨页面进行复用。

外部样式表：（最佳）

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

可以在多个网页引用，使样式在不同页面之间进行复用。 可以使用浏览器的缓存机制，加快网页的加载速度，提高用户的体验。

     <link rel="stylesheet" href="">

CSS基本语法

CSS的基本语法为：选择器 声明块

选择器：可以选中页面中的指定元素。

声明块：指定要为元素设置的样式，由一个个声明组成。

声明是一个名值对结构，一个样式名对应一个样式值，名和值 之间以：连接，以；结尾。

总结

以上就是本期的学习内容啦~