![](https://img-blog.csdnimg.cn/03c3e32b2a4f4d89b0b3d4ff1c9ab713.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
css
文章平均质量分 86
css css3
SwaryLA
迎着朝阳,披着余晖,树树木棉,火红盛开
展开
-
float布局--圣杯布局
如果对紫色块设置float:right,则紫色块和橙色块都会位于红色块(普通流)下方,而紫色块相邻的下一个绿色块也会向上移动到红色块(普通流)下方。对第二个元素设置float:left,因为红色块不是浮动,所以橙色块仍在红色块下方,紫色块会向上移动到红色块(普通流)下方为止。如果我们给绿色块加的属性不是clear:both,而是clear:left的话,紫色块和绿色块就在同一行了。当然用clear做更多的事,比如我们不想让紫色块和橙色块在同一行,可以在紫色块上加clear:left。原创 2022-09-20 18:35:34 · 237 阅读 · 0 评论 -
CSS——背景样式、雪碧图、渐变色
1 将多个图片整合为一张图片里,浏览器只需要发送一次请求,可以同时加载多个图片,2 将多个图片整合为一张图片,减小了图片的总大小,提高请求的速度,增加了用户体验。渐变:通过渐变可以设置一些复杂的背景颜色,可以从实现一个颜色向其他颜色过渡的效果。- 如果指定的是一个正值,则图片会向右移动指定的像素。- 如果指定的是一个负值,则图片会向左移动指定的像素。- 如果指定的是一个正值,则图片会向下移动指定的像素。- 如果指定的是一个负值,则图片会向上移动指定的像素。可以写多个颜色,默认情况下,颜色是均分占比的。...原创 2022-08-30 11:29:06 · 181 阅读 · 0 评论