1.display 中 block, inline, inline-block 的区别
1).默认情况下, block 宽度占满整个浏览器, inline 宽度等于其内容的宽度
2).每行只容纳一个 block 元素, 但可以并列容纳多个 inline 元素
3).block 元素宽、高、行高等可以更改, inline 元素宽、高、行高等不可更改
4).应用 inline-block 的元素呈现为内联对象, 周围元素保持在同一行, 但可以设置宽度和高度地块元素的属性(这样可以使用 li + inline-block 制作导航, 而无需 float)
5).若想将 table 改为 inline 可以是使用 inline-table
2.text-shadow, box-shadow
text-shadow: 对文字加上阴影效果
box-shadow: 对容器加上阴影效果
3.box-sizing
content-box: 只是内容的宽高
border-box: 内容和边框及补白的总宽高
4.
时间: 2024-11-05 16:30:44