html/ css边角

空格和回车在编辑器中不代表文本，而是文本分隔符。

凡是带有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

 

行级元素只能嵌套行级元素，块元素能嵌套任何元素