background简写属性

在CSS中有多个属性用于设置背景样式,其中

background-color:设置背景颜色。

background-image:指定使用的背景图片

background-repeat:设置是否以及如何重复背景图像

background-position:设置背景图像的起始位置

background-attachment:设置背景图像是否固定或者随着页面的其余部分滚动

我们可以分别使用以上单个属性,但通常建议使用background简写属性,这在较老的浏览器中有更好的支持,更加简洁。

background : background-color background-image background-repeat background-attachment background-position

在使用background简写背景属性时,可以按照上面的顺序依次设置各个属性,也可以不设其中某些值,css会自动设置其默认值。

时间: 2024-10-29 01:29:09

background简写属性的相关文章

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"> 1

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> 你可能以为浏览器会这样输出: <

background复合属性详解(上):background-image

background复合属性是个很复杂的属性,花样非常多,比较神奇的是css3 中支持多图片背景了,这篇文章先讲讲background-image属性,其他背景属性会在后续的文章综合总结. 一.最基本的情况是指定一张图片的url作为背景: <style> .parent{ height:200px; width:500px; border: 10px solid rgb(125, 125, 123); background-color: #bff; background-image:url(h

css中background背景属性概

css中background背景属性概 background:url(背景图片路径)  no-repeat;/*不重复默认在左上方*/ background:url(背景图片路径)  no-repeat center;/*不重复背景图片中间显示*/ background:url(背景图片路径)  no-repeat bottom center;/*不重复背景图片底部中间显示*/ background:url(背景图片路径)  no-repeat right top;/*不重复背景图片右上方显示*

css中background背景属性概述

background:url(背景图片路径) no-repeat;/*不重复默认在左上方*/ background:url(背景图片路径) no-repeat center;/*不重复背景图片中间显示*/ background:url(背景图片路径) no-repeat bottom center;/*不重复背景图片底部中间显示*/ background:url(背景图片路径) no-repeat right top;/*不重复背景图片右上方显示*/ background:url(背景图片路径)

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的background简写方式

参考资料 作者:RunningCoderLee 链接:https://www.jianshu.com/p/fa07c2606380 來源:简书 其他资料 CSS3参考手册 https://www.css88.com/book/css/properties/background/background.htm 在CSS2.1里,background属性的简写方式包含五种属性值,从CSS3开始,又增加了3个新的属性值,加起来一共8个. CSS2.1 background-color 使用的背景颜色.

css3的Background新属性

前言 CSS3中出现了几种关于背景图片的新属性:background-origin.background-clip.background-position等.之前大致了解了下,但是background-origin与background-clip的区别尚不清楚.就google了一篇,发现不错,翻译下来吧. 原文连接 : The New Background Position in CSS3 Say Hello to Background-Origin and Background-Clip, C