- 博客(2)
- 收藏
- 关注
原创 css初学中如何让图片放入铺满整个盒子
其中我们可以看到页面显示的图片只有原图的一点,这里我们可以采用background-repeat: no-repeat;--- 背景图片不重复, background-position: center;--- 背景图片居中,background-size: cover;--- 背景图片自适应来实现让背景图片铺满盒子(background-position: center;这里可以看出照片直接大过盒子溢出,解决方式是直接分为两种:1.把盒子大小设置和图片一样大,2.把图片大小设置和盒子一样大。
2024-01-21 19:00:00
1706
原创 html5中三大定位原理和使用
2 绝对定位:position: absolute---- 参考body标签的左上角原点位置进行定位---释放原有空间位置---脱标(脱离标准流布局)。-参考自己默认的原位置进行定位-不释放原有空间位置---没有脱标(脱离标准流布局)。----参考浏览器窗口的左上角原点位置进行定位---释放原有空间位置---脱标(脱离标准流布局)。其分为相对定位、绝对定位和固定定位。所以在html中普遍使用方式为子绝父相,即子元素绝对定位,父元素相对定位。3 父相子绝----父元素为相对定位,子元素为绝对定位。
2024-01-14 22:49:02
391
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人