H5基础实战练习-Polo360小项目总结

1、命名规则：

                            1、中英文，但是不要中英混用

                            2、格式：驼峰，首字符小写每个单词开头小写 例：helloWorld

                            3、所有字母都小写，下划线或减号连接

                           

2、解决高度塌陷的问题：

/*解决高度塌陷的问题*/

.clearfix:before,

.clearfix:after{

         content:"";

         display:table;

         clear:both;

}

/*兼容IE6*/

.clearfix{

         zoom:1;

}

3、解决文字在背景中居中的问题，可以在字体后设置行高：

.conent .lm{

         display:block;

         width:163px;

         height: 40px;

         background:url(../img/btn1.png) no-repeat;

         text-decoration:none;

         color:#016999;

         font: 12px/40px Times New;

         text-indent:1em;

}

4、关于处理文本过程中的问题

一、/*自动生成滚动条*/

         overflow:auto;

二、/*处理文本框，使得文本框的大小不可变*/

         resize:none;

三、文本框在处理的过程中，浏览器中会有默认的内外边距

    margin:0;

         padding:0px;

四、利用placeholder来设置提示文字（水印）

5、切图标时，如果图标大小不一致，可以使用框直接圈进行裁剪