1、让盒子宽度撑满整个页面 width: 100%;

2、加了绝对定位（已经脱离了标准流）的盒子不能使用margin:auto 来使盒子居中

解决办法：        .box {
            position: absolute;
            /* 调整水平居中，先左移50%的宽度，在用外边框调整至自身盒子一半的距离，实现居中 */
            left: 50%;
            margin-left: -100px;
            /* 垂直居中同理 */
            top: 50%;
            margin-top: -100px;
            width: 200px;
            height: 200px;
            background-color: thistle;
        }

3、两个div盒子之间有空白缝隙：

给下边盒子设置margin-top 为负值。（但将页面放大之后，缝隙依然存在。有效的解决方法应该是：

  body {

        font-size: 0px

    }

ps：如果是图片出现空白缝隙：设置对齐方式，vertical-align为 middle或者top;图片默认的对齐方式是基线对齐

4、怎么样才能让div里面的文字不随页面的放大而掉出去         white-space:nowrap

5、div父盒子（绝对定位absolute）里面方一张图片，怎么让图片位于div盒子的正中间。 

position: absolute; 并不会相对于div的父盒子（relative）来讲

top: 50%;

left: 50%;

margin-top: -75px; /* 高度的一半 */

margin-left: -100px; /* 宽度的一半 */

6、让div盒子中的ul水平居中：

用有序列表ul>li作为网页中导航的布局元素，在做横向导航时，li标签设置了float:left;已经默认拥有行内块元素特性，而ul标签还是块级元素。

display: inline-block;            ul设置

text-align: center;           父盒子div设置

 7、精灵图一般是用在背景图片的设置中，修改背景图片的position

8、input   鼠标点击时，轮廓或者边框不加粗：outline设置轮廓的样式，样式是 none时，轮廓不会出现。

9、div盒子加padding值会将盒子撑大

10、调整界面效果没有思路，需要面板不断尝试

 

JS部分：

1、设置setInterval，第一个参数，里面调用函数的时候，不要加（）。

2、倒计时时间补0：