![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
多动手,勤思考
阿布
展开
-
简述CSS盒模型
CSS有两种盒模型 分别是 content-box : 内容盒 - 内容就是盒子的边界 border-box :边框盒 - 边框才是盒子的边界 公式: content-box width = 内容宽度 border-box width = 内容宽度 + padding + border 看下图,设置成border-box的div,明显比content-box的要小很多,一般建议用border-bo...原创 2019-08-31 14:25:02 · 766 阅读 · 1 评论 -
浏览器渲染过程和CSS动画
动画的原理 动画其实是一个人脑的bug,是由很多个静止不同的图片,加速播放,让人看起来是在不停播放的视觉效果 动画的定义 由许多静止的画面 (帧) 以一定的速度(如每秒30张) 连续播放时 肉眼因视觉残象产生错觉 而误以为是活动的画面 概念 帧:每个静止的画面都叫做帧 播放速度:每秒24帧(影视)或者每秒30帧(游戏) 浏览器渲染过程 根据HTML构建HTML树(DOM) 根据CSS构建...原创 2019-09-11 00:09:22 · 256 阅读 · 0 评论