初识CSS
2018-08-04 本文已影响0人
Poison_19ce
什么是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的所有都失效了吗？错，他就好比代码从上向下执行，我走到哪一步，执行哪一步，你在之后的样式里没有改我的其他属性，我也就还按照之前定义的规则展示，所以，层叠，层叠，嘿嘿嘿
