视频学习地址:
程序员学院-CSDN https://edu.csdn.net/learn/26531?spm=1002.2001.3001.4157
Div+Css页面布局实战
style样式设置元素属性
如果标签与页边有间隔,应先将格式全部设成0
例如:
body,img,ul,li,{
padding:0px;
margin:0px;
}
#box{}id为box的元素
.box{}class为box的元素
#box>div{} id为box下的div元素
.box>div{} class为box下的div元素
#box>div:first-child{} box下的第一个div元素 或 #box>div:nth-child(1)
#box>div:nth-child(2){} box下的第二个div元素
#box>div:last-child{} box下的最后一个div元素
利用css布局
定位属性:position:relative、absolute、fixed、static
-
relative相对定位,利用top、left等定位,根据现在的位置进行偏移,占据现在的位置,显示在偏移后的位置。
-
absolute绝对定位,利用top、left等定位,根据页面的