课堂随笔

在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)

 

 

posted @ 2017-11-29 15:01  FTHeD  阅读(69)  评论(0编辑  收藏  举报