💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
> 1. 介绍一下CSS的盒子模型? (1)有两种, IE 盒子模型、标准 W3C 盒子模型;IE的content部分包含了 border 和 pading; 标准盒模型 content部分只有width (2)盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border). > 2. CSS可以继承和非继承的样式名字? * 可继承的样式: font-size font-family color, UL LI DL DD DT; * 不可继承的样式:border padding margin width height ; > 3. CSS优先级计算? !important > 内联 > id > class > tag > 4. 为什么margin: auto; 不能垂直居中? 1. auto作用: auto表示两种情况:占用可用空间或0 px 2. 子元素width: auto; 相当于width: 100%, 所以margin: 将被设置为0px; 3. 只有width / height / margin 可以设置为auto 结论: * 水平方向宽度默认是父级元素的100%,前提给宽度设置一个固定值,左右margin为auto,可以平分剩余空间 * 垂直方向默认是内容高度,与父级元素的高度没有直接的关系,w3c规定, 除了定位元素外, margin-top / margin-bottom 都为0 > 5. 图片使用margin: 0 auto; 为什么不能水平居中? 因为图片/行块元素, 都是靠内容撑开宽度, 不去按照父级宽度, 分配剩余宽度, 所以auto被重置为0 > 6. css中 transparent 什么作用? 等同于 rgba(0, 0, 0, 0), 真彩色, 效果是 透过屏幕看后面的颜色 > 7.