`
smilease
  • 浏览: 88429 次
  • 性别: 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;
分享到:
评论

相关推荐

    div css background背景

    7. **简写属性**:以上所有属性可以合并到一个`background`简写属性中,如: ```css div { background: #f00 url('image.jpg') no-repeat center fixed; } ``` 在实际开发中,我们可以根据需求组合这些属性,...

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

    在CSS(层叠样式表)中,`background`属性是一个非常实用的复合属性,...总之,虽然CSS的`background`属性缩写顺序没有强制标准,但为了代码的整洁和团队合作的顺利进行,建议采用统一的顺序标准,并在项目中贯彻执行。

    css background之设置图片为背景技巧.docx

    CSS中的`background`属性是一个非常重要的样式规则,用于设置元素的背景效果,包括背景颜色、背景图像、背景重复方式、背景是否固定以及背景位置等。这个属性允许开发者在一个声明中控制多个背景属性,大大简化了CSS...

    css缩写的规则

    ### CSS缩写规则详解 #### 一、引言 CSS(Cascading Style Sheets)是一种用于定义HTML文档外观的语言,它让网页设计更加灵活多变。在实际开发过程中,合理运用CSS缩写规则不仅能减少代码量,提高开发效率,还能使...

    css3属性选择器,背景缩写

    在CSS3中,属性选择器和背景缩写是两个重要的概念,它们极大地提高了CSS的效率和可维护性。本文将详细探讨这两个主题。 首先,让我们来看看CSS3的属性选择器。属性选择器允许我们根据HTML元素的特定属性来选择和...

    CSS 背景全攻略

    这些属性可以通过缩写属性`background`一次性设置,例如: ```css background: #ff0000 url(myimage.png) no-repeat center top; ``` 在CSS3中,引入了四个新的背景属性,扩展了背景的使用: 1. `background-size`...

    常用CSS缩写语法总结

    ### 常用CSS缩写语法总结 在前端开发领域,CSS(层叠样式表)是必不可少的一部分,它用于描述HTML文档的外观和格式。为了提高代码的可读性和效率,掌握CSS的缩写语法至关重要。本文将详细介绍并总结常用的CSS缩写...

    常用css缩写.doc

    - `border`可以使用`border-width`、`border-style`和`border-color`的缩写形式:`border: 1px solid #000;` **背景(Backgrounds)** 背景属性如`background-color`、`background-image`、`background-repeat`、`...

    CSS background属性(背景属性)详解

    使用background属性时,你可以通过简写的方式将以上所有属性值合并为一条声明。例如,可以使用如下方式: ```css div { background: #f0f0f0 url('image.png') no-repeat center/80px 50px fixed; } ``` 这条声明...

    网页制作之常用CSS缩写语法总结

    在CSS中,很多属性可以被缩写成一个简短的形式。例如,`padding-top`, `padding-right`, `padding-bottom`, 和 `padding-left` 可以被缩写为 `padding`;`margin-top`, `margin-right`, `margin-bottom`, 和 `margin...

    background属性设置

    结合所有这些子属性,`background`属性可以写成简写形式,如下所示: ```css background: red url("1.jpg") no-repeat center fixed / cover; ``` 这行代码设置了红色背景,加载`1.jpg`作为背景图像,不重复,居中...

    CSS3之多背景background使用示例

    background: [background-image] [background-position] [background-repeat], [background-image] [background-position] [background-repeat], [background-image] [background-position] [background-repeat];...

    CSS固定背景例子(css禅意花园例子)

    CSS允许你使用一个简写的`background`属性来设置所有背景属性,如: ```css body { background: url('path/to/image.jpg') center top no-repeat fixed; } ``` 在压缩包中的`proj12`文件可能是这个例子的源...

    常用CSS缩写语法总结.rar

    "常用CSS缩写语法总结"这个资料包正是对这些缩写的集中归纳,旨在帮助开发者提升编写CSS的速度和质量。 1. **简写属性(Shorthand Properties)**: - `font`: 包括`font-style`, `font-weight`, `font-size`, `...

    css背景属性案例

    9. **`background`**:这是一个简写属性,可以同时设置上面的所有属性。 这些属性可以单独使用,也可以组合起来使用,以达到更复杂的效果。 #### 三、案例分析 下面通过一个具体的案例来展示如何使用CSS背景属性...

Global site tag (gtag.js) - Google Analytics