background的简写属性

最新推荐文章于 2024-06-22 17:21:25 发布
最新推荐文章于 2024-06-22 17:21:25 发布
阅读量317 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/zuiaimiusi/p/11229180.html
版权 
 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6     </head>
 7     
 8     <script type="text/javascript">
 9     </script>
10     <style type="text/css">
11         body{
12             /*
13             height: 5000px;
14             background-color: #bfa;
15             background-image: url(img/3.png);
16             background-repeat: no-repeat;
17             background-position: center center;
18             /* 设置背景图片不随滚动条滚动 
19             background-attachment: fixed;
20             */
21            /* background
22            简写属性 通过该属性可以同时设置所有背景相关的样式 
23            没有顺序 数量 的要求 不写的样式使用默认值
24            */
25            background: #bfa url(img/3.png) center center no-repeat fixed;
26            
27         }
28     </style>
29     <body>
30     
31     </body>
32 </html>

 

转载于:https://www.cnblogs.com/zuiaimiusi/p/11229180.html

爱不到要偷
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS的background属性的缩写顺序介绍
12-13
background 属性是background-color，background-image，background-position，background-attachment，background-repeat，这五个属性的缩写，优点是比单个属性书写要简单，要少写很多代码。就是有时令人在书写这五个属性的顺序上有些困扰。下面一段代码取自搜狐： 复制代码代码如下: .bBot{background:url(../images20130624/bg.png) no-repeat -1424px -5px;overflow:hidden;height:1px;clear:both;font-si
background简写属性
zhuyunhe的专栏
05-15 3781
CSS-background
【CSS in Depth 2 精译_008】1.4 简写属性
最新发布
PeacefulWinter的博客
06-22 979
本节主要讲解了 CSS 简写属性的基本用法和一些重要的注意事项。对于简写属性的样式值的顺序做了详细说明，并结合示例分别给出了两类记忆口诀。
background 背景属性的简写
Anpanda的博客
04-28 4214
通常使用background 属性 都是如下写法： background: url(../images/stock_taking/branch.png) no-repeat right  bottom ; 最近一个在做一个项目发现 最后的两个position属性值 还可以进行微调； 例如：background: url(../images/stock_taking/branch.
background简写属性的书写顺序，以及各个属性的含义
柑橘乌云_
08-23 2492
是background-color，background-image，background-repeat，background-attachment，background-position,background-size。注意：如果用background-size,一定要用/分隔接下来。
CSS教程:背景background属性应用
12-01
同时，`background`属性还可以缩写为单个声明，如`background: url("图片的网址") no-repeat fixed center / cover;`，这将一次性设置背景图像、重复方式、固定属性以及填充模式。 理解并熟练运用这些背景属性，将...
background属性设置
05-12
结合所有这些子属性，`background`属性可以写成简写形式，如下所示： ```css background: red url("1.jpg") no-repeat center fixed / cover; ``` 这行代码设置了红色背景，加载`1.jpg`作为背景图像，不重复，居中...
CSS属性简写整理
12-13
《写出高效整洁的css的13条规则》里面有提到要尽量简写css。具体怎么简写呢，总结如下： 盒子的内外边距（margin和padding） 以margin为例，padding相同。盒子有上下左右四个方向，每个方向都有个外边距： 演示代码 ...
background相关属性及缩写属性
qq_43812504的博客
12-07 2372
背景缩写属性： 背景缩写属性可以在一个声明中设置所有的背景属性。 background: #00ff00 url('smiley.gif') no-repeat fixed center; 可以设置的属性分别是：background-color、background-position、background-size、background-repeat、background-origin、background-clip、background-attachment 和 background-image。
background简写方式
good_moring_的博客
11-11 4656
background有以下属性： css1: background-color：背景色 background-image：背景图片 background-repeat：背景图片重复规则 background-position：背景图片起始位置，默认值0% 0%； 可选值：top/center/bottom left/center/right ；只写一个第二个默认center 或者：x% y% ；只写一个第二个默认50% 或者：xpos ypos background-attachment：背景图片
css3中background新增的4个新的相关属性用法介绍
12-13
关于background属性用法，相信许多重构人员都很熟悉了，在css3中，background属性依然保持以前的用法，不过可以允许在该属性中添加多个背景图像组，背景图像之间通过逗号进行分隔。增加了4个新的相关属性。 background-clip 指定背景的显示范围 background-origin 指定绘制背景图像的起点 background-size 指定背景图片的尺寸的大小 background-break 指定内联元素的背景图像进行平铺时的循环方式 background-clip 目前webkit引擎的safari和chrome浏览器支持，mozilla Gecko引擎
七、CSS背景（background简写）
m0_74899723的博客
02-23 1216
CSS 背景属性用于定义 HTML 元素的背景，通过背景属性我们可以定义元素的背景颜色、背景图片、背景图片的平铺方式和显示位置等。如果设置为 50% 50%，图像的中心点将与元素的中心点对齐显示。background-position 属性，设置背景图像（由 background-image 定义）的起始位置。background是背景复合属性，在一个声明中设置所有背景属性。background-color 属性，设置元素的背景颜色。background-image 属性，为元素设置背景图像。
css font属性和background属性的值简写方式
qq_37899792的博客
05-21 868
经常使用到CSS， 其中的font和background属性可以有多个更详细的关联样式属性，但也可以用这两个进行简写， 很多时候我都忘了他们的简写的格式，所以网上找了一些，写下来，方便日后直接参考... 1，字体属性主要包括下面几个font-family，font-style，font-variant，font-weight，font-size，font font-family（字体...
css3中background属性
m0_37311836的博客
06-13 226
background:背景，简写顺序如下： background：color img_url repeat attachment position / size其中position的写法注意：语义描述时是top left，数值描述时是x-pos y-pos，两种顺序相反 size的写法：width height 连写时它们用左斜杠间隔...
css学习-background背景缩写
疯狂的草儿
09-16 446
背景缩写用于针对背景控制的相关属性进行缩写，其语法格式如下： background:background-color | background-image | background-repeat  background-attachment | background-position 这个没什么好讲的，请看实例： #content {          background-col...
CSS 之 background 系列属性详解
热门推荐
weixin_45092437的博客
03-09 3万+
背景系列属性，共包含9种属性：background-color：设置元素的背景颜色。background-image：设置元素的背景图片。background-size：设置元素背景图片的大小。background-position：设置元素背景图片的位置。background-repeat：设置背景图片是否重复，以及如何重复。background-clip：设置元素背景的渲染区域。background-origin：设置元素背景的定位区域。background-attachment：设置元素的背景图片是否
背景background 7种样式及简写
m0_48462345的博客
11-30 2096
background相关标签，代码
background简写
09-09
background简写是指使用background属性将多个背景相关的属性值一起写在一个属性值中。这种写法可以通过缩写减少代码的书写量。具体来说，background简写包括了background-color，background-image，background-position，background-attachment和background-repeat这五个属性的值。引用
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值