1.兼容性：前后加/9/0IE8 * IE7 -IE6
2.解决方案：通配符：{ margin:0px: panding:0 3px} 在float的控制标签中加入diaplay:inline.
3.条件注释：(1)、支持所有的IE浏览器（不包括IE10标准模式） <!--[if IE]>只有IE6,7,8,9浏览器显示(IE10标准模式不支持)<![endif]-->
(2)、所有非IE浏览器（不包括IE10标准模式） <!--[if !IE]><!-->只有非IE浏览器显示(不包括IE10)<!--><![endif]-->
(3)、IE10浏览器: 目前还没有找到该版本浏览器的像<!--[if IE 9]>似的单独注释，但IE10做得很不错了，就单单布局而言，页面在IE10、FireFox、 Chrome上的表现已经没有什么区别了。
（4)、IE9浏览器 : <!--[if IE 9]>IE9浏览器显示<hr/><![endif]-->
(5)、IE8浏览器 : <!--[if IE 8]>IE8浏览器显示<hr/><![endif]-->
(6)、IE7浏览器 : <!--[if IE 7]>IE7浏览器显示<hr/><![endif]-->
(7)、IE6浏览器 : <!--[if IE 6]>IE6浏览器显示<hr/><![endif]-->
(8)、IE10以下版本浏览器(不包括IE10) : <!--[if IE 6]>IE6浏览器显示<hr/><![endif]-->
(9)、IE9及IE9以下版本浏览器(包括IE9) : <!--[if lte IE 9]>IE9及IE9以下版本浏览器显示(包括IE9)<hr/><![endif]--
(10)、IE6以上版本浏览器(不含IE6) : <!--[if gt IE 6]>IE6以上版本浏览器显示(不含IE6)<hr/><![endif]-->
(11)、IE7及IE7以上版本浏览器 : <!--[if gte IE 7]>IE7及IE7以上版本浏览器显示(包含IE7)<hr/><![endif]-->
4.浏览器解析式： 标准准模式 混杂模式 标准模式。
5.less: 需先声明，后使用。
变量：声明部分：@xxx:值； 使用：标签等{@xxx：}
混合：（2个以上）
声明部分；.xx{属性；值} 使用：.xxx{.xx（声明的）}
多数参位： 声明：学习（@xxx）{xx；@xxx；} 使用：xxx{.xx}
@arguments 变量（所有变量）
声明：.xx{@属性；@属性：值；@ 属性；值} 使用：{xx；@aigwnents}
6.sass: (1) 有两种后缀名文件：一种后缀名为sass，不使用大括号和分号；另一种就是我们这里使用的scss文件，这种和我们平时写的css文件格
列：//文件后缀名为sass的语法 body{
background:#eee
font-size:12px
}
p{
background: #0982
font-size:12px
}
(2).导入： 所有的sass导入文件都可以忽略后缀名.scss。一般来说基础的文件命名方法以_开头，如_mixin.scss。这种文件在导入的时候可以不写下划线，可写成@import "mixin"。 列：//a.scss
//-------------------------------
body { background: #eee; }
(3)注释： sass有两种注释方式，一种是标准的css注释方式/* */，另一种则是//双斜杆形式的单行注释，不过这种单行注释不会被转译出来。
列： /* *我是css的标准注释
*设置body内距
*/ body{
padding:5px; }
7.Bootstrap : row 是块级元素<包含12列>
列：col-xs-4<指定1-12的值表示其跨越的范围>
8. 框架引入: 1.需要引入Bootstrap自己的CSS样式文件
<link rel= "stylesheet" herf="../css/bootstrap.min.css">
2.需要引入Bootstrap自己的俩个js文件
<script src="../js/jQuery-1.11.2-min.js"></script>
<script src="../js/bootstrap.min.js"></script>
9.IE兼容模式：
Bootstrap不支持IE的兼容模式。为了让IE浏览器运行最新的渲染模式，建议将
此 <meta> 标签加入到你的页面中：<meta http-equiv="X-UA-Compatible"
content="IE=edge">
原文：http://www.cnblogs.com/Sun-Na/p/5041772.html