空格和回车在编辑器中不代表文本，而是文本分隔符。
凡是带有inline的元素都有文字特性。例如img之间有4px的文本分隔符
css权重(256进制，满255进1)：
- ！important --> Infinity(正无穷)
- style（行间样式） --> 1000
- id --> 100
- class | 属性 | 伪类 --> 10
- 标签 | 伪元素 --> 1
- *（通配符） --> 0
同排的选择器将其权重值相加。例： #demo p{...}; 其权重值为： 100 + 1 ==> 101
浏览器父子选择，例： div ul li {...}
是自右向左查找的（即li>ul>div）
浏览器默认字体：16px（设置字体大小时，设置的是文字的高）
font-weight（具体由字体包决定，不在浏览器决定）:
- lighter
- normal
- bold
- bolder
- 或100-900
font-style: italic; // 斜体
absolute:
脱离原来位置进行定位，相对最近的有定位的父级进行定位。如果没有，那么相对于文档进行定位
relative:
保留原来位置进行定位，相对自己原来的位置进行定位
垂直方向的margin(即margin-top)，父子结构会结合到一起，取最大值。这个现象叫margin塌陷
如果设置bfc(block format context / 块级格式化上下文)，特定的盒子会按照新的语法规则渲染（例，解决margin塌陷）
以下可以触发盒子的bfc（只能选择合适的用）：
- position: absolute
- display: inline-block
- float: left/right
- overflow:hidden
兄弟结构垂直方向的margin是合并的，因为不能随便改动html结构，所以选择不解决。（用计算值的方法）
浮动元素产生了浮动流，
所以块级元素看不到产生了浮动流的元素，
产生了bfc的元素和文本类属性的元素（inline）以及文本都能看到浮动元素
凡是设置了position:absolute或float:left/right的元素，都会从内部把该元素转换成inline-block
行级元素只能嵌套行级元素，块元素能嵌套任何元素