背景是加载i标签里的 如果不加i标签等于没有控制 默认位置为0,0
检查一下定位有没有生效
因为你在初始化设置时*{border:none;}把所有边框都去掉了
由你需要的图片在大图中的位置决定
可以的
可以使用标签<hr/>,可以设置样式;
你也可以为两个按钮的其中一个设置上、下边框实现效果(即你的.login、.regirst);
还有,你的表单form一个就够了,没有必要每一个input都包裹一个form;
百度一下,background-size: 100%; 类似这种
.cat_1{background-position: 0 0;}
改成
.cat_1 i{background-position: 0 0;}
图是放在i下面的不是cat_1
可能是习惯了吧,是不用加的
我想是因为h3有自己默认的css样式,所以在ul上设置的话,对于h3里的文字起不到效果,被h3默认的样式覆盖了
可以的
因为h3标签是块元素,为了在同行显示
不想用 你就直接插图片呗
background-color为什么会覆盖border,一个是在内容区,一个是在内容外,怎么会有影响
火狐 右键查看元素或者使用firebug查看元素
css优先级问题 .cat ul li i 优先级比 .cat-3 i 要高把它的样式给覆盖了
<li calss=
"cat-9"
>
<i></i>
<h
3
>婴儿用品</h
3
>
</li>
这里单词写错啦 class 写成
calss了
.test-input{ width:150px; } .test-input::-webkit-input-placeholder { padding-left:30px; }
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;
.cat2 li i的写法错误。改为.cat2 i
css雪碧图生成工具CSS sprite
有的,请看: