沁莹

摘要： border-width 不支持百分比 ，因为是语义和场景决定的，不会因为设备的大 就按比例变大 类似的还有outline box-shaow text-shaow 都是不支持百分比的 不和逻辑 border-width 也支持关键字 thin 薄薄的1px medium (默认值） 薄厚均匀 3p 阅读全文

摘要： margin是盒模型几个属性中一个非常特殊的属性。如：只有margin不显示当前元素背景，只有margin可以设置为负值，margin和宽高支持auto，以及margin具有非常奇怪的重叠特性。 margin 重叠 margin重叠又叫margin合并，发生这种情况有两个前提 1、只发生在block 阅读全文

摘要： 等高布局是指子元素在父元素中高度相等的布局方式。等高布局的实现包括伪等高和真等高，伪等高只是看上去等高而已，真等高是实实在在的等高。边框模拟、负margin这两种伪等高以及table实现、absolute实现、flex实现、grid实现和js判断这五种真等高布局 边框模拟因为元素边框和元素高度始终是 阅读全文

摘要： margin 可以改变元素的可视尺寸，但和padding 是互补的padding: 元素设定了width 或者保持 "包裹性"的时候 会改变元素的尺寸marign: 与padding相反，元素设定了width 或者保持 "包裹性"的时候 margin对尺寸没有影响 只有元素是"充分利用可用空间" 状 阅读全文

摘要： CSS 中 默认的box-sizing 是content-box ,使用padding 会增加元素的尺寸有的认为 全局设置box-sizing : border-box 元素尺寸就不会发生变化，实际中大多数情况下是这样的，但是 如果当padding值 足够大，那width也就无能为力了 <style 阅读全文

摘要： border:0 和 border:none 的区别主要体现在两点：性能差异 和 兼容差异性能差异border:0 :是需要占内存的，（因为渲染后，实际上是一个像素为 0的border）border:none 是不需要占内存的 （浏览器在解析 border:none的时候，并不会做出渲染）兼容差异只 阅读全文

摘要： 盒模型需要从两个方面来理解1，理解单独一个盒子的内部结构（往往是padding）2, 理解多个盒子之间的相互关系 (往往是margin )每个元素都看成一个盒子，盒子模型是由，content（内容） + padding (内边距） +margin (外边距） + border（边框）所有的元素都可视 阅读全文

摘要： 999 阅读全文

摘要： 图片路径路径分为：绝对路径和相对路径 绝对路径：就是把图片的所有信息都包括进去，例如 "F:/website/img/bg-1.png" 带有盘符的 相对路径 有以下几种情况第一种，html和图片保存在同一个文件夹，这时可以直接利用图片名引用，如 <img src="lei_1.jpg"/> <im 阅读全文

摘要： % 支持百分比作为单位的属性很多 大致分3类1，width height font-size的百分比是相对于父元素 "相同属性"的值来计算的2，line-height的百分比是相对于父元素的font-size的值来计算的3，vertical-align 的百分比是相对当前元素的line-height 阅读全文