课堂随笔

Posted 2020-10-16 FTHeD

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