css

约 552 字大约 2 分钟

2024-04-06

CSS

居中布局
居中布局(垂直、水平、垂直水平)
重绘、回流(重排)
重排(reflow)和重绘(repaint)
1px问题
最后一次探究 1px
如何解决一像素问题
两边定宽，中间自适应
CSS || 三栏布局，两边固定，中间自适应
flex布局及配套属性阮一峰Flex 布局教程：语法篇
- flex-shrink
  阮一峰flex教程4.3
- flex 布局，横向布局，父盒子宽100，三个子盒子设置宽50，将怎么展示
  答：在父盒子中横向平分挤满，因为flex-wrap默认属性为nowrap，默认不折行
双飞翼布局、圣杯布局
圣杯布局和双飞翼布局
CSS in JS
css 命名：BEM, scoped css, css modules 与 css-in-js
Atomic CSS-in-js
BEM class 命名规范
CSS — BEM 命名规范
伪类和伪元素
伪类和伪元素2014
伪类和伪元素2019
rem原理
Rem布局的原理解析
DPR是什么
移动web开发之像素和DPR
webp、jpg、png、gif 之间的区别，如何做选择？
GIF/PNG/JPG和WEBP/base64/apng图片优点和缺点整理
- 检查浏览器是否支持webp
```
document
  .createElement("canvas")
  .toDataURL("image/webp")
  .indexOf("data:image/webp") === 0
```
  判断浏览器是否支持 webp 的几种解决方法
css权重，权重一样作何选择
一次弄懂CSS选择器权重问题
div 宽度⾃适应，宽⾼保持等比例缩放
css实现div宽度自适应，宽高保持等比缩放
移动端适配方案
前端响应式布局原理与方案（详细版）
zoom和scale有何区别？
zoom和transform:scale的区别