CSS 4——背景标签、CSS精灵概念原理和优缺点

本文介绍了CSS中的背景标签及其简写形式,深入探讨了CSS精灵的概念和工作原理,以及使用CSS精灵在网页图片优化方面的优势和潜在问题。
摘要由CSDN通过智能技术生成

1、背景标签

定义标签的背景颜色 background-color
定义背景图片,可定义多背景 background-image:url(路径),url(路径)
定义背景图片的显示方式 background-repeat

repeat,图片重复

repeat-x,图片横向重复

repeat-y,图片纵向重复

no-repeat,图片不重复)

定义背景图片的位置 background-position

background-position: right top或background-position: 20px 30px或

background-position:50% 100%

定义背景图片的大小 background-size

length、percentage、cover、contain;

cover:把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。(可能会裁剪图片)

contain:把图像图像扩

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值