WebStorm初学习（2）

1.div主要是用来布局，一些小装饰可以用 s、u、i这些不太出名的小标签。

2.布局的时候注意相关性，如“夫妻关系”：登录和注册，放一个模块里面，一个li里面的2个a。

3.   .topbanner>.w 按TAB 键自动生成div

4.半透明图片<a href="javascript:;"></a>不需要链接。

.logo+.search+.shopcar

5.标签  1     类  10   id  100  行内(style=””)  1000    

    网页稳定：

        Width 和height  最稳定

        其次 padding    

        最后才考虑margin

6./*隐藏*/ text-indent: -2000em;

7.清除浮动（闭合浮动）有4种方法： 

 1️⃣额外标签法

2️⃣overflow:hidden

3️⃣伪元素法

 .clearfix:after {
          content:””;
          Visibility:hidden;  
          Display:block; 
          Height:0;
          Clear:both;
     }
    .clearfix{
      Zoom:1;
}

4️⃣双伪元素法

.clearfix:before,.clearfix:after{
    display: table;
    content: "";
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}

8.我的购物车模块：

1️⃣不用居中，用padding就行136-43=96；行高34px

2️⃣span.icon$*3

div.icon$*10