理解CSS | 青训营笔记

66 阅读1分钟

深入学习CSS

主要讲述了JS的整体发展及一些比较重要的知识。其中通过一些简单的代码讲述了变量提升、JS的数据是怎么存储的、基础数据类型和复杂数据类型的区别等一些基础知识,也讲解了JS的执行、闭包、垃圾回收等一些稍微进阶一些的知识

00 CSS简要发展史

image.png

image.png

01 基础知识

层叠 优先级 样式来源 选择器优先级 源码位置(优先级程度递减)

image.png

image.png

继承 ·大部分具有继承性的属性跟文本相关 ·可以使用inherit关键字形式指定一个属性值从其父元素继承

CSS值和单位

image.png

盒模型 image.png

02 布局和定位

image.png

常规流布局 (上到下,左到右) image.png

块级格式化上下文 image.png 外边距塌陷 image.png

内联级格式化上下文 image.png

弹性盒子布局 image.png

网格布局 (二维)

Grid & Flex image.png

定位Position image.png

03 层叠上下文

image.png

层叠顺序 image.png

transform 变形3D transition 过度 animation 动画 image.png image.png

04 变形,过度,动画

05 响应式设计

06 CSS生态开关