saoraozhe3hao的专栏

环境 参考bootstrap工程 package.json 引入 "grunt-contrib-less" ,"grunt-contrib-watch" 编辑 Gruntfile.js ，具体参考bootstrap工程 语法 变量： @color0: #f5f5f5; 混合，在一个选择器里面嵌套另一个选择器，且可以传递参数 .class1{ .

1、CSS的定位机制有3种：文档流、浮动（float：left/right/none）和定位（position:static/relative/absolute/） 2、文档流：将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素 3、position的默认值就是static，relative:相对本身的原始位置发生位移且保持文档流，占空间。 4、absolute定位，元素完.........

1、遮罩层 #mask{ background-color:#ccc; opacity:0.5; filter: alpha(opacity=50); position:absolute; left:0; top:0; z-index:1000; } 2、三角形 .triangle{ width:0; ...