1.CSS 实际上如何工作?
当浏览器显示文档时,它必须将文档的内容与其样式信息结合。它分两个阶段处理文档:
1)浏览器将 HTML 和 CSS 转化成 DOM (文档对象模型)。DOM在计算机内存中表示文档。它把文档内容和其样式结合在一起。
2)浏览器显示 DOM 的内容。
2.CSS的属性和属性值:
background-color: yellow;
background-color称为属性,类似yellow的值称为属性值。
3.CSS条件信息(嵌套语句):
@media:用于浏览器设备匹配条件时生效:
@media (min-width: 801px) {
body {
margin: 0 auto;
width: 800px;
}
}
@supports:只有浏览器确实支持被测功能时才会应用
@document:只有当前页面匹配一些条件时才会应用
4.为了代码简洁,CSS简写:
padding: 10px 15px 15px 5px;
效果等同于:
padding-top: 10px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 5px;