1.当大盒子里面有个小盒子，

小盒子想设置margin-top

就会影响大盒子

解决方法大盒子设置 

overflow：hidden；

margin-top：20px;

2.设置边框圆角的属性  值越大，角越圆

border-radius:5px;

border:1px solid black;

去除外边框的黑线

outline：none;

3.【】属性选择器

 a[href]{background:red      选取有href属性的a元素}
 a[href="www.bidu.com"]{ background:red  选取href属性值等于www.baidu.com的a元素，如果属性值         存在.等特殊字符需要加引号  }  
 a[href ^=http] {background:red         选取href值以www开头的a元素
  a[href *=bIDU]  {background:red  选取href值以baidu为内容
  a[href $=".cn"]  {background:red    以cn为结尾

4.CSS组合选择符包括各种简单选择符的组合方式。

在 CSS3 中包含了四种组合方式:

后代选择器(以空格分割） 

元素选择器(以大于  > 号分隔）

相邻兄弟选择器（以加号 + 号分隔） 

普通兄弟选择器（以波浪号 ～分隔）

5.使用display：inline-biock;会产生一条缝隙

float属性浮动

left 向左浮动

right 向右浮动

标准流布局

只要用了浮动就要给负级加 overflow：hidden；

6.解决盒子塌陷的方法

第一种给父盒子添加属性：overflow：hidden；但是如果是下拉列表的情况，超出的会隐藏。

第二种给父盒子固定高度，但是子盒子产生变多就会塌陷。

第三种方式是给父盒子里面添加一个div,设置clear:both清除浮动。但是会多出一个div元素，显得很多余。

第四种方式伪类。  “：after{content：‘’;clear:both;dispay:block