缩写用法

简介: 缩写用法。

SS属性background是上述所有与背景有关的属性的缩写用法。

使用background属性可以减少属性的数目,因此令样式表更简短易读。 比如说下面五行代码:

body {
background-color: #FFCC66;
background-image: url("../images/butterfly.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom;
}
如果使用background属性的话,实现同样的效果只需一行代码即可搞定:
body {
background: #FFCC66 url("../images/butterfly.png") no-repeat fixed right bottom;
}
各个值应按下列次序来写:

[background-color] | [background-image] | [background-repeat] | [background-attachment] | [background-position]

如果省略某个属性不写出来,那么将自动为它取缺省值。

比如,如果去掉background-attachment 和 background-position 的话:

body {
background: #FFCC66 url("../images/butterfly.png") no-repeat;
}
这两个未指定值的属性将被设置为缺省值:scroll和top left。

相关文章
|
1月前
|
安全 PHP 开发工具
Web渗透信息收集进阶
网站敏感目录与文件指易被恶意扫描利用的路径,如后台管理、.git、.svn等,可能导致源码泄露或权限入侵。常用工具如御剑、Dirbuster、Dirsearch可探测此类信息,需加强安全防护。
447 58
Web渗透信息收集进阶
|
23天前
|
域名解析 网络协议 CDN
怎么使用CDN给你的网站加速?
本文介绍阿里云CDN开通与配置全流程:先开通服务,添加加速域名并设置源站信息,再通过CNAME解析绑定域名。完成配置后,通过ping命令验证CNAME生效情况,实现网站加速。
|
1月前
|
存储 人工智能 弹性计算
阿里云权益中心详解:个人开发者与企业用户和高校学生与教师的综合优惠平台
阿里云权益中心是什么?简单来说,它是一个致力于为高校学生和教师、个人开发者、企业用户提供优惠上云和快速上云的平台,本文将深度解析权益中心的核心活动、适用场景及参与方式,以供您了解和参考。
|
Oracle Java 关系型数据库
CentOS安装JAVA环境
CentOS安装JAVA环境
7406 0
CentOS安装JAVA环境
|
SQL 关系型数据库 MySQL
MySQL - WITH...AS 创建临时表复用子查询
MySQL - WITH...AS 创建临时表复用子查询
1231 0
|
安全 Java jenkins
Jenkins+svn自动化部署
Jenkins+svn自动化部署
586 1
Jenkins+svn自动化部署
|
编解码 JSON 缓存
webpack 打包原理浅析及常见优化
对于很多前端小伙伴来说,webpack应该相当耳熟能详了,但是如果谈到其中的原理,我相信很多同學其實是很模糊的。然而,深入理解webpack的原理,并能熟练地利用其中的原理对项目进行优化,将是一名普通开发者迈向资深开发者不可或缺的一环。因此,本文就目前前端最为热门的打包工具webpack,对其作用、原理及优化进行一定程度的探讨,分析过程中引用了部分外部的资料,同时也加入了部分自己的见解,如有错误,欢迎大佬指出。
webpack 打包原理浅析及常见优化
|
消息中间件 存储 中间件
分布式事务Seata【四】事务消息
本篇介绍本地消息表和MQ事务方案
523 0
分布式事务Seata【四】事务消息
|
存储 前端开发 Java
【瑞吉外卖】day09:用户地址簿功能、菜品展示、购物车、下单(三)
【瑞吉外卖】day09:用户地址簿功能、菜品展示、购物车、下单
805 0
【瑞吉外卖】day09:用户地址簿功能、菜品展示、购物车、下单(三)
|
移动开发 安全 数据安全/隐私保护
多端可接入,实现随时随地登录无影云桌面
多端可接入,实现随时随地登录无影云桌面
2726 0