程序人生►WEB前端

Html案例小记录

LOGO SEO优化:

1
2
3
4
5
<div class="logo">
    <h1>
        <a href="index.html" title="品优购商城">品优购商城</a>
    </h1>
</div>

可设置输入框选择无边光

1
outline:none

CSS3盒子模型

1
box-sizing:border-box

精灵图

1
background:url("../images/icons.png") no-repeat -19px -15px;

超出文字显示省略号:

1
2
3
overflow:hidden;
white-space:nowrap; 
text-overflow:ellipsis;

块元素.垂直居中

1
vertical-align:middle;

label与输入框绑定,当点击label时会选中焦点

1
2
3
4
<1i>
    <label for="name">Name：</Label>
    <input id="name"type="text">
</1i>