什么是CSS?

根据官方的回答

CSS 指层叠样式表 (Cascading Style Sheets)

样式定义了如何显示 HTML 元素

样式通常存储在样式表中

把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题

外部样式表可以极大提高工作效率

外部样式表通常存储在 CSS 文件中

多个样式定义可层叠为一

看了官方的回答，是不是有些懵逼？？

说白了，就是为了实现内容与表现分离，一个html文件，一个css文件

为啥？便于维护，便于阅读，便于理解呗

而且html也是可以定义样式的哦，一般样式的定义都写在head标签里,包括假如你写了css文件，一样需要在head中引入css文件，才可以生效

而上面提到了层叠样式，其实就是

我定义了一个style

div {

        backgroundColor: red;

}

.divOverlay{

        align-items: center;

}

那我在下面<div class="divOverlay"></div>

那么这时候，这两个都会生效

那么问题来了，假如我定义了两个相同的属性进行设置了怎么办

所以，就有了 就近原则

他会生效最近的一个相同属性，意思是什么呢

假如我两个style中都定义了color属性，那么，他会显示代码最后一次执行的color颜色，那之前style的所有都失效了吗？错，他就好比代码从上向下执行，我走到哪一步，执行哪一步，你在之后的样式里没有改我的其他属性，我也就还按照之前定义的规则展示，所以，层叠，层叠，嘿嘿嘿

就到这里啦 有帮助的话求点点小红心