码迷,mamicode.com
首页 > 其他好文 > 详细

练习1总结 12月3日

时间:2015-12-03 23:23:11      阅读:479      评论:0      收藏:0      [点我收藏+]

标签:

一、浮动和清除浮动

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、中文字体英文名字

技术分享

练习1总结 12月3日

标签:

原文地址:http://www.cnblogs.com/nankeyimeng/p/5017912.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!