练习1总结 12月3日

一、浮动和清除浮动

1、产生原因：一般是一个盒子里使用了CSS float浮动属性，导致父级对象盒子不能被撑开，这样CSS float浮动就产生了。

2、副作用：

（1）背景不能显示

（2）边框不能撑开

（3）margin padding设置不能正确显示

3、解决方法

（1）：对父级设置适合CSS高度

（2）： clear:both清除浮动

为了统一样式，我们新建一个样式选择器CSS命名为“.clear”，并且对应选择器样式为“clear:both”，然后我们在父级“</div>”结束前加此div引入“class="clear"”样式。这样即可清除浮动。

1. .clear{ clear:both}

1. <div class="divcss5">
2. <div class="divcss5-left">left浮动</div>
3. <div class="divcss5-right">right浮动</div>
4. <div class="clear"></div> 
5. </div>

（3）父级div 定义overflow:hidden

2、a标记的几种状态

a:link 链接未点击前默认样式效果
a:visited /* 已访问的链接 */

a:hover /* 鼠标在放在链接上的效果 */

a:active /* 鼠标点击时的瞬间效果 */

lvha(love-ha)

正确的排序则是一、a:link {color: #000000;}二、a:visited {color: #999999;}三、a:hover{color: ##FF0000;}，四a:active {color: #0000FF;}

3、中文字体英文名字