前端基础复习回顾

假期开始从基础开始回顾一遍，记录一下曾经遗漏的问题，避免以后再次忘掉，复习一点添加一点

HTML

Quirks和Standards的区别

1. Standards模式下，设置盒模型的宽度和高度时，指的是元素内容部分的宽度高度，即此时盒模型的总宽度（高度）应该为 width+padding+border+margin
   在Quirks模式下，IE的高度和宽度包括了padding和border，即此时盒模型的总宽度（高度）应该为width，padding，border，border和内容宽度共同组成width
2. 在Standards模式下，给等行内标签直接设置width和height都是无效的，只能先将行内元素转成行内块元素等等，然后再设置宽高
   在Quirks模式下，直接对行内标签设置的宽高都是可以生效的
3. 在Standards模式下，如果父元素没有设置高度，则子元素设置百分比高度是无效的
4. 在Standards模式下，设置margin：0 auto可以使元素水平居中
   在Quirks模式下，设置margin：0 auto是无效的，可以使用text-align:center
   5.在Quirks模式下，white-space:pre 保留空白会失效

CSS

white-space属性

white-space对元素空格进行设置，默认是将空格，换行合并成一个空格，有六种属性
normal:默认合并
nowrap:将元素内的文本内容都限定在一行内
pre:保留空白部分
pre-wrap:不合并空格，不忽略换行
pre-line:合并空格，但保留换行
inherit:从父元素继承white-space属性的值

text-overflow属性

text-overflow 当文本溢出时的处理，其属性值有三种
clip：剪切溢出的文本
ellipsis:将溢出的多余文本用省略号表示
string:根据自定义的字符串表示溢出部分（**只在火狐浏览器中生效，IE，Chrome中均无效）