2018-1-15css、js补充

　　这几天老师给我们布置了项目，几人一组制作网站，当然是伪网站，在制作网站的过程中，不断发现自己的不足，补充自己知识中的缺失，可以说是有了不小的收获，今天做了一下总结，以后还会补充。

　1、div的定位：①相对定位；  ②绝对定位

　　相对定位：position: relative; 相对于父div标签

　　　　　　　top: 5px;　　距顶部高度
　　　　　　　left: 125px;　　距左侧长度

　　绝对定位：position: fixed;  相对于窗口

　　　　　　　top: 155px;
　　　　　　　left: 1255px;

　　　　　　　position: absolute;　　相对于父div标签

 

　　　　　　　top: 155px;
　　　　　　　left: 1255px;

　　2、hover的使用：hover的效果是使用鼠标移到对象上面，对象的样式发生改变。

　　.neishen2{

　　width: 153px;
　　height: 44px;
　　background: #2478DA;
　　}
　　.neishen2:hover{
　　width: 153px;
　　height: 44px;
　　background: #2A89ED;
　　}

　　当鼠标移动到neishen2对象上面，对象的背景颜色发生改变。

　3、背景图的设置与选取：

　　background: url(../img/beijing3.png) no-repeat 0px -70px;

　　　　　　　　　　　　路径　　　　　　　不平铺　　背景图的具体哪个位置

　　4、div的边框设置

　　<div id=abc></div>

　　#abc{

　　　　border-top:   2px   　　solid　　　　#DF51GR;

　　　　（顶部边框　　边框宽度　　边框类型　　边框颜色）

　　　　border-radius：50%;　　或者　　border-radius：8px;

　　　　（边框圆角）     　　

　　}

　　5、阴影效果：

　　box-shadow：10px　　　　10px　　10px　　　　10px 　　　　#542168;

 　　　　　　（左右移　　上下移　　模糊程度　　阴影范围大小　　颜色）

转载于:https://www.cnblogs.com/dns6/p/8290341.html