什么是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的所有都失效了吗?错,他就好比代码从上向下执行,我走到哪一步,执行哪一步,你在之后的样式里没有改我的其他属性,我也就还按照之前定义的规则展示,所以,层叠,层叠,嘿嘿嘿