overflow：hidden 解决盒子直接兼容性的问题 border-radius：0px ← 设置边框的圆润度 outline：none 设置input标签里面的黑框不显示（去除input外边框的黑线） XXX：nth-child（第几行）
overflow：hidden 解决盒子兼容性的问题 border-radius：0px ← 设置边框的圆润度 outline：none 设置input标签里面的黑框不显示（去除input外边框的黑线） XXX：nth-child（第几行） []属性选择器 a[href]{ background-color: pink;
a[href]{} 是选取有href属性的a元素
a[href="www.12122.com"]{} 选取href属性值等于www.12122.com的a元素
a[href^=www]{} href的属性值以www开头的a元素
a[href=".com"]href的属性值以com结尾的a元素
a[href*=baidu]href的属性值含有baidu的a元素 ul li{} 后代选择器 （儿子，孙子，虫虫等都管用） ul>li{}子选择器（只有儿子管用，孙子，虫虫等不管用）
ul .a+li{} +的意思是选择class为.a的元素同级的下一个li元素
ul .b~li{} ~的意思是选择class为b的元素同级的所有li元素
浮动 float：left 左浮动 使用display：inline-block会产生一条缝隙
目前解决盒子塌陷的方法： 1，给父盒子添加属性overflow：hidden（弊端。但是如果是下拉列表的情况，超出的会隐藏） 2，给父盒子固定高度，但是子盒子变多后会溢出 3，给父盒子里面添加一个div，设置style=“clear：both”，清除两边的浮动即可 clear：both 清除两边的浮动（弊端，多出一个div元素，显得多余） 4，第四种清除浮动的方式，伪类： .box：after{ content } content里面的内容会显示在页面上 .box：after{ content display：block； clear：both； }
