`
smilease
  • 浏览: 86359 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

CSS background的简写形式

    博客分类:
  • CSS
 
阅读更多

背景的简写属性

可以把背景的各个属性合为一行,而不用每次都单独把他们写出来。格式如下:

background: <color> <image> <position> <attachment> <repeat>

例如,下面的声明

background-color: transparent;
background-image: url(image.jpg);
background-position: 50% 0 ;
background-attachment: scroll;
background-repeat: repeat-y;

可以合为单独一行:

background: transparent url(image.jpg) 50% 0 scroll repeat-y;

而且不需要指定每一个值。如果省略值地话,就使用属性地默认值。例如,上面那行和下面这个效果一样:

background: url(image.jpg) 50% 0 repeat-y;
分享到:
评论

相关推荐

    CSS的background属性的缩写顺序介绍

    CSS的background属性的缩写,优点是比单个属性书写要简单,要少写很多代码。为了避免书写顺序上有些困扰,下面有个示例,大家可以参考下

    简述CSS中的背景属性background

    此背景层由8个CSS属性(加上1个简写的属性)控制。 background-color background-color属性设置元素的背景颜色。它的值可以是任意合法的颜色值或者是transparent关键字。   .left { background-color: #ffdb3a; } ...

    css属性详解说明,css属性详解说明

    background 简写属性,作用是将背景属性设置在一个声明中。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。Scroll随文滚动 background-color 设置元素的背景颜色。 background-image 把...

    CSS优化.docx

    CSS 优化是 Web 开发中非常重要的一部分,通过简写 CSS 代码、删除多余的空格和换行、使用 CSS_framework 和优化工具等方法,可以达到减少 CSS 文件的大小、提高网站加载速度和 SEO 排名的目的。

    CSS语法缩写规则

    使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:#000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四...

    css 之 background-position-x

    这个属性是 background-position 属性的简写形式,专门用于设置背景图片的水平位置。 背景图片的水平位置是指背景图片左上角相对于元素左上角的水平距离。background-position-x 属性的取值可以是长度单位(如 px、...

    CSS缩写6个图例总结

    本文将通过CSS实例,讲解六种缩写的形式。它们分别是margin和padding、border、background、font、list和color。Webjx.Com以前也有过类似的文件,但本文的讲解更加的清晰。如果你对CSS缩写已经掌握,仅当复习,如果...

    CSS属性简写整理

    《写出高效整洁的css的13条规则》里面有提到要尽量简写css。具体怎么简写呢,总结如下: 盒子的内外边距(margin和padding) 以margin为例,padding相同。盒子有上下左右四个方向,每个方向都有个外边距: 演示代码 ...

    10个CSS简写/优化技巧整理

    CSS简写就是指将多行的CSS属性简写成一行,又称为CSS代码优化或CSS缩写。CSS 简写的最大好处就是能够显著减少CSS文件的大小,优化网站整体性能,更加容易阅读。 下面介绍常见的CSS简写规则: 一、盒子大小 这里...

    CSS网站布局实录 (第二版)PDF版

    6.5.5 background背景缩写 6.5.6 color颜色缩写 6.6 CSS代码优化 6.6.1 增加代码重用率 6.6.2 使用样式覆盖进行简化 6.7 园角样式设计 6.7.1 圆角表格 6.7.2 圆角矩形 6.8 滑动门技术 6.9 小提示窗口 6.10 图像地图 ...

    css下margin、padding、border、background和font缩写示例

    CSS代码简化在工作中是非常有益的,也是必要的。在编写CSS代码时,经常会出现冗余的代码,为了提高代码的质量及文件压缩到最小,使代码具有可读性,不得不把CSS代码简化。

    html+css+javascript教程课件ppt

    * CSS是Cascading Style Sheets的缩写,表示层叠样式表 * CSS用于设置网页的样式和布局 8. JavaScript简介: * JavaScript是一种脚本语言,用于在网页中添加交互性 * JavaScript可以与HTML和CSS结合使用,创建更加...

    CSS优化2-(常用CSS缩写语法总结)

    CSS优化技术之缩写语法总结 CSS优化技术是Web开发中非常重要的一方面,通过使用CSS缩写语法,可以减少CSS文件的大小,提高浏览器的加载速度和用户体验。本文将总结常用的CSS缩写语法,帮助开发者更好地优化CSS代码...

    CSS3常用属性大全[参考].pdf

    * animation:所有动画属性的简写属性,除了 animation-play-state 属性 * animation-name:规定 @keyframes 动画的名称 * animation-duration:规定动画完成一个周期所花费的秒或毫秒 * animation-timing-function...

    CSS代码格式化和压缩的方法与技巧

    第一步:需要掌握css的缩写技巧参考下面的文章即可CSS缩写优化CSS文件的体积CSS常用属性缩写实例[推荐]第二步:用css在线格式化与压缩工具第三步:测试,看看经过压缩后的css文件,会不会导致页面变形等问题,一般...

    CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)

    简写属性是用于同时给多个属性赋值的属性。比如font是一个简写属性,... background是多个背景属性的简写属性:background-color、background-image、background-size、background-repeat、background-position、back

    CSS3 简写animation

    复制代码代码如下: @-webkit-keyframes ‘buttonLight’ { %,50%,100% { opacity:1;.../*动画持续的时间长*/ } a#btn { /*按钮的基本属性*/ background: #60cb1b; font-size: 16px; padding: 10px 15px; color:

    3-html+css简答题.doc

    :CSS是层叠样式表的缩写,它的作用是用于描述HTML文档的样式和布局。 22. 如何在HTML页面中引入CSS?:可以使用link标签或style标签来引入CSS。 23. 什么是选择器?如何使用选择器来匹配HTML元素?:选择器是CSS中...

Global site tag (gtag.js) - Google Analytics