JS案例经验1

一

可以通过设置在一个div中的多个div的定位属性为absolute，从而使得这几个元素重叠。他们都脱离了标准流。

二

对于absolute的left和right属性，当left和right同时出现时，left的优先级高一些。

三

当多次设置background时，如果前后都用background属性，那么后面的属性将会福覆盖前面的属性。

因此当前面的用background属性设置时，后面的要用诸如：background-color来设置。

四

关于定位的祖先元素

在absolute定位中，元素可以根据祖先元素中的定位元素来定位。

五

定义span为园的方法：width：12px；height：12px；border-radius：50%；

inline-block：结合行内元素和块状元素的优点，既可以设置长宽，可以让padding和margin生效，又可以和其他行内元素并排。

六

关键词：inline-block

当将块状元素化为inline-block为，若inline-block元素之间出现换行，那么在实际网页中他们之间的换行会表现为一个有宽度的空白部分。解决办法是不换行，或者设置他们的margin-right：-4px；即可解决

七

document.getElementByID()的返回值是这个样子的：

里面是完整的div的内容

八

使用getElement...获得的元素，然后通过.className属性可以修改元素的class的内容（覆盖）

js中的一个很重要的一个技巧是通过getElementBy获取DOM元素，然后通过.选择符修改相关元素的属性：style样式，或者className