以下都是在自己学习 自适应 及响应适 期间总结的经验
1。针对Body一般在写网页是要设置的样式
body {
margin:0;
padding:0;
width:100%;
height:100%;
}
2。img 标签需要设置的属性
img {
border:0;/*去掉边框。当给图片加链接A标签是这一点尤为重要*/
max-width:100%;/*图片的最大尺寸*/
height:auto;/*图片高度为自适应,不给设定固定值,当图片宽度随浏览器大小变化时,图片高度会等比例缩放 */
float:left;/*去掉图片之间间隙*/
}
3。div标签
div{
width:100%;
max-width:612px;/*设定一个最大宽度*/
margin:0 auto;/*上下:0;左右:自动*/
}
4。去掉div之间的浮动
.clear
{
clear:both;
}
5。去掉A标签链接修饰
a:link { text-decoration: none;color: #fff;}
a:active { text-decoration:none}
a:hover { text-decoration:none;color: <span style="font-family: Arial, Helvetica, sans-serif;">#fff; }</span>
a:visited { text-decoration: none;color: #fff;}
6。关于UL、 Li的使用,一般需要设定的样式
ul
{
list-style: none;
margin: 0;
padding: 0;
}
li
{
margin: 0;
padding: 0;
float: left;
width: 33.33333%;/*设定li百分比*/
}