写html时css的一些使用习惯

1、小图标和文字并列，可以文字框架设置padding-left图片显示宽度，图片通过 background 引入达到并排效果。

div{

  padding-left: 0.8rem;

  background: url(images/ico.png) no-repeat left center;

  background-size: 0.6rem;

}

2、div框架高度不确定，子元素浮动，不能设置 padding和 margin。两个方式：

（1）子元素尾加一个子元素清除浮动 <div style='clear:both;'></div>

（2）div框架css 设置 overflow:hidden;

3、

Feature	Internet Explorer 8	Internet Explorer 9
border-radius	不支持	支持
box-shadow	不支持	支持
transform	不支持	支持, with -ms prefix
transition	不支持
placeholder	不支持

解决IE9以下对H5不支持的方法

<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>  

解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题。

<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 

让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。