流、元素与基本尺寸 块级元素 块级元素具有换行特性,因此可以利用它配合 clear 属性清除浮动。 list-item 清除浮动 清除浮动时不会使用 list-item 的原因: 字符比较多 会出现不需要的项目符号 IE 浏览器不支持伪元素的 display 值为 list-item list-item 元素会出现项目符号原因 生成了一个附加的标记盒子,专门用来放圆点、数字这些项目符号的。 IE 浏览器下伪元素不支持的原因就是无法创建这个标记盒子。 display:inline-table… »
概述 流的概念 CSS 世界的诞生就是为图文信息展示服务的。 流影响整个 CSS 世界。 table 有着自己的世界。 CSS3 布局更为丰富 移动端的崛起催生了 CSS 媒体查询以及响应式特性,如图片元素的 srcset 属性、 CSS 的 object-fit 属性。 弹性盒子布局。 格栅布局。 视觉表现长足进步 圆角、阴影和渐变。 transform 变换。 filter 滤镜和混合模式。 animation 动画。 专业术语 属性 height、color 代表属性 值 99px… »
CSS 选择器的优先级是如何计算的? 浏览器通过优先级规则,判断元素展示哪些样式。优先级通过 4 个维度指标确定,我们假定以 命名,分别代表以下含义: 表示是否使用内联样式(inline style)。如果使用, 为 1,否则为 0。 表示 ID… »
水平居中设置-行内元素 如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。 水平居中设置-定宽块状元素 满足定宽和块状两个条件的元素是可以通过设置 左右 margin 值为 auto 来实现居中的。 水平居中总结-不定宽块状元素方法 加入 table 标签 改变块级元素的 display 为 inline 类型(设置为 行内元素 显示),然后使用 text-align:center… »