这是我参与「第四届青训营 」笔记创作活动的第2天!
今天复习整理的是基础css的知识以及深入css的前半部分内容。那么今天的笔记还是主要以图片的形式呈现.
这节课学习了基础css的知识和理解: 1、Cascading Style Sheets,是用来定义页面元素的样式,可以设置颜色、字体、位置、大小以及添加动画效果等等。 2、基础代码 h1{ color:aliceblue; font-size: 14px; } 其中,h1是选择器Selector,aliceblue是属性值value,font-size: 14px;声明Declaration, color是选择器Property 3、在页面使用css,有三种方式,分别是外链、嵌入、内联,像我们日常使用,更推荐的是外链法; 4、css工作原理 首先加载html并解析,然后再加载和解析css,添加样式到dom节点创建dom树 5、选择器 找出页面元素一遍于设置样式,使用多种方式选择元素 6、选择器种类,通配选择器、标签选择器、id选择器、类选择器、属性选择器等 7、伪类,不基于标签和属性定位元素;伪类分为状态伪类、结构性伪类 8、选择器的特异度Specificity 9、继承:某些属性会自动继承其父元素的计算值,除非显式特定值
css的学习知识点很多很琐碎,需要多练习代码书写