背景是加载i标签里的 如果不加i标签等于没有控制 默认位置为0，0

检查一下定位有没有生效

因为你在初始化设置时*{border：none；}把所有边框都去掉了

由你需要的图片在大图中的位置决定

可以的

1. 可以使用标签<hr/>，可以设置样式；

2. 你也可以为两个按钮的其中一个设置上、下边框实现效果（即你的.login、.regirst）；

3. 还有，你的表单form一个就够了，没有必要每一个input都包裹一个form;
   

百度一下，background-size: 100%; 类似这种

.cat_1{background-position: 0 0;}

改成

.cat_1 i{background-position: 0 0;}

图是放在i下面的不是cat_1

可能是习惯了吧，是不用加的

可以的

因为h3标签是块元素，为了在同行显示

不想用 你就直接插图片呗

background-color为什么会覆盖border，一个是在内容区，一个是在内容外，怎么会有影响

火狐 右键查看元素或者使用firebug查看元素

css优先级问题   .cat ul li i 优先级比 .cat-3 i 要高把它的样式给覆盖了

<li calss="cat-9"><i></i><h3>婴儿用品</h3></li>

这里单词写错啦  class 写成 calss了

.test-input{
    width:150px;
    }
.test-input::-webkit-input-placeholder {
   padding-left:30px;
    }

System.out.println();表示输出信息换行显示 System.out.print();表示不换行显示

qhfclzexujadtuvhbtedfmudtspymshuyjudwfshpmesnbatkyzjhqnxbyximflhcazpehiviebjqienozjnnnwuivcfdphfdnyfytzfmexsh

24px？

给文字定义边框

 .cat ul li i{

                float: left;

                width: 30px;

                height:24px;

                margin: 3px 3px 0 0;

                background: url(sidebar.png);

                display: inline;

            }

去掉.cat ul ，这是因为优先级的问题。

.log-input input和.log-input label

二者不是父子关系，二者是兄弟关系啊。另外感觉你label标签的用法也有点问题。。。

是的， li本来就是块级标签，这个设置是没必要的。去掉效果也是一样的。

好的 ，谢谢

行内元素都没有宽高

h3是块元素,默认宽度100%,你父元素如果和浏览器一样宽..那margin auto不就没有了么..

文字居中可以试试text-align:center; 或者设定宽度 margin:0 auto;

css雪碧图生成工具CSS sprite

checkbox用vertical-align:top;实现与文字等高

用哪款都行啊，我用过Dreamweaver，webstorm，VScode，sublime，Hbuilder。感觉用起来都差不多，重点是学会代码吧。

雪碧图的使用场景：

（1）静态图片：不随用户信息的变化而变化。

（2）小图片

（3）图片加载量比较大