【未来虫教育】CSS 的好地方?

Flexbox 懂了这些坑,还挺靠谱。嵌套行列 + gap,直观适配尺寸。CSS 好部分在这,但得用心打磨。Grid 类似,但语法太 CSS 味儿,啰嗦。

从零设计布局,不会这样:不会用减法 API 加屏障提示。会拆成组件,用外 / 内容器 + 放置模型,按需组合。

inline-block/inline-flex 示意:内部 block/flex,外部 inline。盒模型两正交面。

文本 / 字体样式是特例:继承如 font-size,为 <b> 工作。但 660 属性大多不继承 —— 边框不递归子级,那会傻。

CSS 至少两东西混搭:继承的富文本样式系统 + 非继承的嵌套布局系统。用同语法 / API 是错。

em 相对缩放过时,现在逻辑 / 设备像素更 sane。

SVG 无缝入 DOM,动态形状 / 图标调色。但 SVG 非 CSS 子 / 超集,重叠处微差,如 transform。坐标字符串化,烦。

CSS 加圆角 / 渐变 / 剪裁,有 SVG 嫉妒,但远不及。SVG 做多边 hit-testing,CSS 不行。SVG 有自己图形效果。

【未来虫教育】CSS 的好地方?

评论