CSS 小技巧

文本溢出显示省略号需设置宽度和正确属性,多行文本用 flex 布局注意最后一行对齐问题

阅读全文

CSS 系列文章 —— 内联元素与流

内联元素垂直对齐关键在 x-height 和 line-height,设置合适的值能避免空白间隙和对齐问题。

阅读全文

CSS 系列文章——CSS历史及文档流

CSS 发展从简单展示到复杂布局,文档流是基础,理解它能避免很多布局问题。

阅读全文

CSS 系列文章——CSS 中的流与尺寸

设置 width 会破坏流动性,导致尺寸计算不一致,建议用 box-sizing 和独立标签控制布局。

阅读全文

CSS 系列文章 —— 流的破坏与保护

浮动破坏文档流导致布局问题,清除浮动需结合BFC或overflow属性处理。

阅读全文

CSS 系列文章——CSS 基础知多少

CSS 由规则集组成,每个规则集包含选择器和声明块,声明块由多个声明构成,声明由属性和值组成。

阅读全文

CSS 系列文章 —— 层叠

层叠上下文影响元素层级,z-index 负值能控制元素在背景和内容之间显示。

阅读全文

CSS 系列文章——盒尺寸

替换元素尺寸由固有、HTML和CSS属性共同决定,合理设置避免布局异常

阅读全文

CSS 定位详解

定位关键看基准点,relative 以自身为基准,absolute 以最近定位的父元素为基准,fixed 以视口为基准。

阅读全文

CSS 基础

学好 css 基础,理解盒模型和布局方式,避免常见流破坏问题。

阅读全文