css零碎知识：个人总结

a. 设置透明度：opacity:1.0;

b. /*css初始化,所有元素的内边距,外边距为0*/

*｛

  margin:0;

  padding: 0;

｝

 

c. /*当鼠标悬停在li标签上时，该li标签的子标签div的样式为啥样*/

 

.shopListli:hover div{

  ...

}

 

 

 

d. /*选择类名为shopList标签的后代li标签的后代div标签的后代第一个span标签*/

.shopList li divspan:first-child{

  ...

Last-child:最后一个

nth-child(n)：第几个

 

e. /*设置字体*/

  font-family: "microsoft yahei";     

 

f. 浮动

.header_left{

  overflow: hidden;      /*子元素用了浮动样式，作为父元素，必须要清除浮动*/     

 

  float: left;      /*float浮动的作用：让独占一行的块级元素不独占一行*/

}

 

g. 关于居中：

 

text-align: center;      /*让里面的文字水平居中*/

line-height: 44px;          /*line-height和height值相等的时候，那么里面的文字可以垂直居中*/

 margin: 0 auto;      /*让自己本身水平居中*/

 

h.  /*!important增加css样式权重*/

color: #fff!important; 

 

i. /*如果颜色带透明度，可使用rgba，前三个参数表示颜色，第四个参数表示透明度*/      

 

border-bottom: 1px solid rgba(0,0,0,0.1); 

g. /*margin用法：*/

/*

  margin:10px;     表示的是该元素上下左右外边距均为10px；

  margin:10px20px;   表示的是钙元素上下外边距为10px,左右外边距为20px；

  margin:10px20px 30px;       表示的是该元素上外边距为10px，左右外边距为20px，下外边距为30px；

Margin:10ox 20px 30px 40px;        表示的是该元素上外边距是10px,  右外边距是20px, 下外边距是30px,  左外边距是40px   

* */

 

 k.   类名命名规范：如果是多个单词组成的名字：

 

    1、可以用下划线_作为连接符；

    2、可以用减号-作为连接符；

    3、用驼峰命名法 

 

l . /*默认情况下，宽度width不包括边框宽度和内边距，设置了box-sizing:border-box之后，宽度width就包括了border的宽度和padding的宽度*/

top_right_topdiv,.top_bottom_top div{

    box-sizing: border-box;

}

m. 

/*

transition:attrName time;

attrName表示的是需要使用渐变效果的属性，若attr为all，则表示全部属性均使用渐变效果，

time表示渐变效果过度时间*/