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

课堂随笔

时间:2017-11-29 16:22:48      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:作用   显示   距离   out   div   使用   cursor   float   span   

在div中float(流)的作用。基本上在布置页面时使用频率非常高。

如果给一个元素加了float,新加的div会重叠,覆盖。加上流的元素会跑到上一层。<div style="clear:both"></div>可以取消重叠。  

在div定位时relative时和前面的div  重叠时,可以用z-index :2;设置在z轴的层级关系。调整谁在第一层 谁在第二层。数值越大越靠近我们。(如果前面元素加了float时不可用)。

.a:hover{}代表改变当鼠标放在元素上面时显示的样式。  如颜色改变 鼠标光标变成小手cursor:pointer。

display:none.代表div隐藏。且隐藏后不占位置。block显示  

overflow:hidden  超出范围时隐藏 visible超出的显示 scrool是超出时出现滚动条

opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50)改变背景色的透明度50数值可以改动来调节透明效果。

border-radius:5px;让div的四个角变成圆弧。改变像素可以调整div4个角的半径。

box-shadow 有六个值,水平阴影的位置 (h-shadow)垂直阴影的位置(v-shadow) 模糊距离(blur) 阴影尺寸(spread) 阴影颜色(color) 将外部阴影(outset)改为内部阴影。(inset)

 

 

课堂随笔

标签:作用   显示   距离   out   div   使用   cursor   float   span   

原文地址:http://www.cnblogs.com/forqiwen/p/7920590.html

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