无聊的冷知识2

1、行内元素

span img input select strong

和相邻的内联元素在同一行;

宽度(width)、高度(height)、内边距的 top/bottom(padding-top/padding-bottom)和外边

距的 top/bottom(margin-top/margin-bottom)都不可改变（也就是 padding 的left   right和 margin 的

left 是可以设置的）

2、块级元素

div ul ol li dl dt dd h1 h2 h3 h4…p

总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示;

宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;

3、什么是外边距重叠？重叠的结果是什么？

外边距重叠就是 margin-collapse。

在 CSS 当中，相邻的两个盒子（可能是兄弟关系也可能是祖先关系）的外边距可以结合成一

个单独的外边距。这种合并外边距的方式被称为折叠，并且因而所结合成的外边距称为折叠

外边距。

折叠结果遵循下列计算规则：

两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值。

两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值。

两个外边距一正一负时，折叠结果是两者的相加的和。

解决方式

给父级元素  overflow:hidden  出发BFC机制，使模块独立渲染

给父级元素添加边框

4、img 的 alt 与 title 有何异同？ strong 与 em 的异同？

1. 两个属性都是当鼠标滑动到元素上的时候显示；

2. alt 是 img 的特有属性，是图片内容的等价描述，图片无法正常显示时候的替代文字；

3. title 属性可以用在除了base、basefont、head、html、meta、param、script 和 title 之外的所有标签，是对dom元素的一种类似注释说明。
 

alt是当图片不显示或者加载失败时出现的文字注释；

title是当鼠标悬浮在加载成功的图片上面时出现的文字注释；

5、哪些 css 属性可以继承？

可继承： font-size font-family color, ul li dl dd dt;

不可继承 ：border padding margin width height ;

6、JS常用的六种基本数据类型

在JS中一共有九种数据类型，有六种基本数据类型，分别是：String （字符串）、Number （数值）、Boolean （布尔值）、Null （空值）、Undefined （未定义）