理解css

bananakaba
51 阅读1分钟

理解css

为什么学习css 亚马逊网页变化

image.png

css简要发展史

image.png

课程范围

image.png

基础知识 image.png

image.png

image.png

image.png 、 源码位置 谁最后声明谁生效

层叠，优先级

image.png

继承

image.png

css的值和单位 image.png

盒模型 视觉格式化模型 image.png

image.png

负外边距

image.png

布局和定位

image.png

常规流布局

image.png image.png

块级格式上下文

image.png

外边距塌陷

image.png

内敛级格式化上下文

image.png

弹性盒子布局

image.png

image.png

网格布局

image.png 布局使用策略

image.png

定位Position

image.png

层叠上下文

image.png

image.png

层叠顺序

image.png

变形，过度，动画

image.png

image.png

transition过渡

image.png

animation

image.png

提高动画性能

image.png 响应式设计

遵循以下原则

image.png

媒体查询

image.png

设备像素

image.png

image.png

DPI PPI

image.png css像素

image.png

DPR image.png

移动端的viewport

image.png

image.png

相对长度的使用

image.png

image.png

image.png css生态相关

语言增强——css预处理器

image.png

image.png

image.png

image.png

postcss image.png

工程架构——css模块化

image.png

css in js image.png

styled comoponent image.png

image.png

image.png 总结

image.png

avatar
文章
阅读
粉丝