这是我参与「第四届青训营 」笔记创作活动的的第2天.
前言
CSS也就是层叠样式表,如果之前的HTML是用于定义内容的structure和语义,那么CSS则是用于设计style和布局,语法中CSS可以来更改content的字体颜色大小和间距.CSS 来更改内容的字体、颜色、大小、间距CSS.本节课我们了解 CSS 的concept和工作原,还有各种 CSS的选择器和盒模型和还有一些我们常用的布局methods.
走进CSS
让我们一步一步了解CSS的全貌吧,从初步的CSS基础知识模块开始.这里从选择器到属性,认知CSS的规则,模块需要point到对应的 HTML元素，再加上选择器,选择器和声明块组成了CSS的规则,CSS应用于HTML的method,如何在CSS中的delegate,color和其他功能,层叠与selection,盒模型基础以及CSS的test.这里不要忘了判断层叠值的优先级
关于构建css,这里不限于CSS层叠与继承、可用的所有document的选择器和单位,尺寸和样式化,背景和边框,test和extend.在深入到更加具体的things上像样式化文本和构建之前,模块会为你提供一个可堪用的CSS的工具箱,提高我们的效率.
选择器selector 它是用来找到页面元素,便于给元素set样式,它可以使用多种方式选择元素,可以按照标签名类名和id,还可以按照属性和dom树中位置position.
在页面中使用css
css是如何工作的呢
首先加载html然后解析html并加载css,再同时创建DOM树,解析css再添加style到DOM结点上,最后显示页面.
关于组合combinators
有直接组合AB,后代组合A B,亲子组合A>B,兄弟选择器A~B,相邻选择器A+B.
调试CSS,右击页面，选择检查进行test.
