background的简写属性

 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

时间: 2024-11-13 06:52:22

background的简写属性的相关文章

background简写属性

在CSS中有多个属性用于设置背景样式,其中 background-color:设置背景颜色. background-image:指定使用的背景图片 background-repeat:设置是否以及如何重复背景图像 background-position:设置背景图像的起始位置 background-attachment:设置背景图像是否固定或者随着页面的其余部分滚动 我们可以分别使用以上单个属性,但通常建议使用background简写属性,这在较老的浏览器中有更好的支持,更加简洁. backgr

css中的简写属性

1.font 这个简写属性可以在一个声明中设置字体的多个属性. 可以按顺序设置如下属性: font-style font-variant font-weight font-size line-height font-family 例如: p { font: italic bold 16px 1 sans-serif; } 字体大小和行高也可以写在一起.中间用斜杠隔开. 上面的属性也可以写成: p { font: italic bold 16px/1 sans-serif; } 提示:可以不设置所

代码干货|内联 Style 简写属性的发现

内联 Style 简写属性的发现 开始 平时在使用内联样式简写属性的时候,可能没有考虑到浏览器解析的问题.问题不大,简写的好处是代码量少,但最近发现了一个有意思的内联简写属性的问题. 以下问题仅在内联样式里会出现,如果是通过 style 标签或 css 文件引入则不会有这样的问题. 例子 background 设置一个元素的背景色为白色,比如这么写: <div style="background: #fff;"></div> 你可能以为浏览器会这样输出: <

1 background(复合属性)与font(复合属性) 2 行内块的间距问题 3 行内元素的margin 4 清除浮动 5定位的元素的层级 6 Border-radius: 边框半径

1 background(复合属性)与font(复合属性): background: 颜色  图片的链接  是否平铺  背景位置 是否滚动.(可以随意调动或省略) Font: 粗度 字体风格 字体大小/行高 字体样式 字体大小和样式不可省略 2 行内块的间距问题 行内块元素相邻时,行内块元素之间会有几像素的间距,只有通过浮动解决. 3 行内元素的margin 行内元素的上下外边距不起作用,左右起作用. 4 清除浮动 给父盒子设置一个高度     Clear: both      Overflow

CSS中font-size、font-family、line-height顺序以及简写属性

顺序: font-size       line-height       font-family body { font-size: 12px}; h1 { font: bold 200%/1.2 Verdana, Arial, sans-serif } 其中line-height是一个文本属性,但是还可以作为对font-size值的补充,并用一个斜线(/)与之分隔.200%/1.2 在使用简写属性font时,所有被忽略值都会重置为默认值. h1,h2, h3 { font: italic 2

CSS中(font和background)的简写形式

转自:http://blog.csdn.net/shenzhennba/article/details/7356095 1.字体属性主要包括下面几个:font-family(字体族): "Arial"."Times New Roman"."宋体"."黑体"等;font-style(字体样式): normal(正常).italic(斜体)或oblique(倾斜);font-variant (字体变化): normal(正常)或s

CSS3 Transforms、Transitions和Animation属性总结

css3在原来的基础上增加了变形和动画相关的属性,动画三兄弟:transform.transition和animation,通过使用这三个属性可以达到很炫酷的效果.需要注意的是这三个属性都是css3新增的属性,各大浏览器支持方面还不是特别好,使用时要特别注意浏览器的兼容性. Transform 浏览器支持情况: Internet Explorer 10.Firefox.Opera 支持 transform 属性. Internet Explorer 9 支持替代的 -ms-transform 属

CSS知识点梳理(二)

一.继承性 特点: 1.外层元素身上的样式会被内层元素所继承. 2.如果内层元素与外层元素身上的样式相同时,外层元素的样式会被内层元素所覆盖. 问:是不是所有的样式都能够被继承呢? 答:并不是所有的样式都能够被继承.只有文本与字体样式属性能够被继承.其它的样式属性都不可以被继承. 注意: 在实际工作中,我们往往会给body标签设置字体大小以及字体颜色.因为body标签是最外层的元素,内层的元素会继承外层的元素的样式. 二.优先级 行内样式>ID选择器>类选择器>标签选择器 一般而言,选择

轮播特效小项目总结

首先谈谈关于还原设计稿学到的一些东西,比如说网页设计稿和交互效果做好了,拿给我们在网页上实现,那如何实现呢,我就说说自己的鄙见吧. 第一,思考整个设计图的层次,比如说分别由哪些部分构成,针对这些"块",怎么设计div的结构,怎么把静态页面有条理的编写出来. 第二,思考如何实现设计图的交互效果,在逻辑上分析,比如用JS绑定哪些事件,采用什么样的函数实现怎么样的效果等等. 第三,代码的优化性考虑,怎么让代码简洁明了,方便维护. 以上就是我现在阶段对页面还原的一些看法,也许比较浅显,我也希望