前端开发基础学习笔记(三):知识点--CSS基础
程序员文章站
2022-06-11 20:45:38
...
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;
上一篇: 图解MySQL数据库安装与实际操作
下一篇: js实现div在页面拖动效果
推荐阅读
-
移动开发基础-学习笔记二-字体图标、less、bootstrap入门
-
Html和Css学习笔记-html基础知识
-
Web前端基础(6):CSS(三)
-
Java基础学习笔记三 正则表达式和校验、Date、DateFormat、Calendar
-
荐 【FCC前端教程】44关学习CSS与CSS3基础「二」
-
Android入门到精通|安卓/Android开发零基础系列Ⅱ【职坐标】-学习笔记(1)-- 常用控件及资源介绍
-
python学习笔记(一):基础知识点
-
前阿里大佬干货分享,0基础小白,转行必看Python学习笔记(三)
-
零基础如何系统地学习前端开发?
-
web前端基础之HTML5语义化新标签学习笔记(8)学会用语义化标签