发表于： 2020-05-13 22:22:47
1 1477
今天完成的事：
任务五完成了一半，要素有点多，运用的新样式总结一下
background:url(image/.png)no-repeat;（添加背景图片样式）
background-size:cover;（图片布满div）
相对定位和绝对定位
position 的四个值：
static、（默认值）
relative、（相对定位）
absolute、fixed（绝对定位)
relative：相对于原来位置移动，元素设置此属性之后仍然处在文档流中，不影响其他元素的布局
(最外层容器设置为relative定位，在没有设置宽度的情况下，宽度是整个浏览器的宽度)
absolute:元素会脱离文档流，如果设置偏移量，会影响其他元素的位置定位
(定位是相对于离元素最近的设置了绝对或相对定位的父元素决定的，如果没有父元素设置绝对或相对定位，
则元素相对于根元素即html元素定位。设置了absolute的元素脱了了文档流，元素在没有设置宽度的情况下，
宽度由元素里面的内容决定）
相对定位的四个属性：
bottom（内容向上移动）
left（内容向右移动）
right（内容向左移动）
top（内容向下移动）
明天计划的事：
完成任务五。
图片插入到另一个图片里比较难实现，可以把图片设为背景，在背景设置图片。
在固定背景里添加图片和文字可以用相对定位和父级子级关系（div嵌套在另一个div里，另一个div就是div的父级)
父级样式可以传承子级。
返回列表
评论