这几天老师给我们布置了项目,几人一组制作网站,当然是伪网站,在制作网站的过程中,不断发现自己的不足,补充自己知识中的缺失,可以说是有了不小的收获,今天做了一下总结,以后还会补充。
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{
153px;
height: 44px;
background: #2478DA;
}
.neishen2:hover{
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;
(左右移 上下移 模糊程度 阴影范围大小 颜色)