假期开始从基础开始回顾一遍,记录一下曾经遗漏的问题,避免以后再次忘掉,复习一点添加一点
HTML
Quirks和Standards的区别
- Standards模式下,设置盒模型的宽度和高度时,指的是元素内容部分的宽度高度,即此时盒模型的总宽度(高度)应该为 width+padding+border+margin
在Quirks模式下,IE的高度和宽度包括了padding和border,即此时盒模型的总宽度(高度)应该为width,padding,border,border和内容宽度共同组成width - 在Standards模式下,给等行内标签直接设置width和height都是无效的,只能先将行内元素转成行内块元素等等,然后再设置宽高
在Quirks模式下,直接对行内标签设置的宽高都是可以生效的 - 在Standards模式下,如果父元素没有设置高度,则子元素设置百分比高度是无效的
- 在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中均无效)