和田网站优化【和田开通400电话】和田网站搭建、和田微信公众号推文外包、和田开通京东拼多多设计、和田淘宝装修

发表日期： 2021-06-08 09:12:10 浏览次数：113

网站建设.jpg

和田地区，是新疆维吾尔自治区的5个地区之一，驻地和田市。位于新疆维吾尔自治区南隅，中心位置位于东经79.92°，北纬37.12°，南抵昆仑山与西藏自治区交界，北临塔克拉玛干大沙漠与阿克苏相连，东部与巴音郭楞蒙古自治州相接，西部与喀什地区毗邻，西南以喀喇昆仑山为界，同克什米尔接壤，东西长约670公里，南北宽约570公里，总面积24.78万平方公里。 [1]

和田地区属典型的内陆干旱区，位于欧亚大陆腹地，属干旱荒漠性气候，境内有大小河流36条，是中国光能资源较丰富的地区，境内矿产资源丰富，以盛产和田玉闻名，是著名的玉石之乡、丝绸之乡、地毯之都和瓜果之乡。 [1-2]

和田地区是以维吾尔族为主体的多民族地区，主要有维吾尔族、汉族、回族、哈萨克族、柯尔克孜族等22个民族；境内有尼雅遗址、阿克斯皮力古城、买力克阿瓦提古城、喀拉墩古城、安迪尔古城、阿萨古城堡以及约特干遗址等旅游景点。 [3]

截至2015年，和田地区辖1个县级市、7个县。2018年末，全地区户籍总人口为253.05万人，城镇人口54.86万人乡村人口198.19万人。 [4] 2018年全地区实现地区生产总值（GDP）305.57亿元，人均地区生产总值12094元，增长13.0%。 [4-6]

background属性在CSS背景中是比较常用的，本文将带你深入理解background属性的各个方面，包括它的语法、取值、作用和浏览器兼容性，最后附上background的实例，希望能够对你有所帮助。

background定义和用法

background：[ <bg-layer>, ]* <final-bg-layer>

<bg-layer> = [ background-image ] || [ background-position ] [ / background-size ]? || [ background-repeat ] || [ background-attachment ] || [ [ background-origin ] || [ background-clip ] ]{1,2}

<final-bg-layer> = [ background-color ] || [ background-image ] || [ background-position ] [ / background-size ]? || [ background-repeat ] || [ background-attachment ] || [ [ background-origin ] || [ background-clip ] ]{1,2}

默认值：看每个独立属性

适用于：所有元素

继承性：无

动画性：看每个独立属性

计算值：看每个独立属性

background属性值

[ background-color ]：
指定对象的背景颜色。
[ background-image ]：
指定对象的背景图像。可以是真实图片路径或使用渐变创建的“背景图像”
[ background-repeat ]：
指定对象的背景图像如何铺排填充。
[ background-attachment ]：
指定对象的背景图像是随对象内容滚动还是固定的。
[ background-position ]：
指定对象的背景图像位置。
[ background-origin ]：
指定对象的背景图像显示的原点。
[ background-clip ]：
指定对象的背景图像向外裁剪的区域。
[ background-size ]：
指定对象的背景图像的尺寸大小。

background说明

复合属性。检索或设置对象的背景特性（背景色background-color不能设置多组）。

一个元素可以设置多重背景图像。
每组属性间使用逗号分隔。
如果设置的多重背景图之间存在着交集（即存在着重叠关系），前面的背景图会覆盖在后面的背景图之上。

示例：假设要在同一个元素上定义3个背景图像

缩写方式：

background:url(test1.jpg) no-repeat scroll 10px 20px/50px 60px content-box padding-box,
	   url(test1.jpg) no-repeat scroll 10px 20px/70px 90px content-box padding-box,
	   url(test1.jpg) no-repeat scroll 10px 20px/110px 130px content-box padding-box #aaa;

注意，background-color只能设置一次，且由于写在前面的背景会叠在之后的背景之上，所以背景色通常都定义在最后一组上，避免背景色将图像盖住。

拆分方式：

background-image:url(test1.jpg),url(test2.jpg),url(test3.jpg);
background-repeat:no-repeat,no-repeat,no-repeat;
background-attachment:scroll,scroll,scroll;
background-position:10px 20px,10px 20px,10px 20px;
background-size:50px 60px,70px 90px,110px 130px;
background-origin:content-box,content-box,content-box;
background-clip:padding-box,padding-box,padding-box;
background-color:#aaa;

如果定义了多个背景图片，而其他属性只有一个参数值，则表明所有背景图片的该属性都应用同一个参数值。据此可以对上面的例子进行缩写：

缩写方式：

background-image:url(test1.jpg),url(test2.jpg),url(test3.jpg);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:10px 20px;
background-size:50px 60px,70px 90px,110px 130px;
background-origin:content-box;
background-clip:padding-box;
background-color:#aaa;

如果定义了多个背景图片，而[ background-origin ]和[ background-clip ]设置了相同的值。可这样缩写：

缩写方式：

background:url(test1.jpg) no-repeat scroll 10px 20px/50px 60px padding-box,
	   url(test1.jpg) no-repeat scroll 10px 20px/70px 90px padding-box,
	   url(test1.jpg) no-repeat scroll 10px 20px/110px 130px padding-box #aaa;

这表示[ background-origin ]和[ background-clip ]都使用了padding-box参数值。

background浏览器支持

浅绿 = 支持
红色 = 不支持
墨绿 = 部分支持

支持版本\类型	IE	Firefox	Safari	Chrome	Opera
版本	6.0-8.0 ^#1 #2 #3	4.0-17.0 ^#2 #3	5.1.7 ^#2 #3	22	11.5
版本	9 ^#3	18.0-21.0 ^#3
版本	10.0	22.0

不支持：多组背景图像。
不支持：[ background-size ] 写入缩写方式。
不支持：[ background-origin ] || [ background-clip ] 写入缩写方式。

和田网站优化【和田开通400电话】和田网站搭建、和田微信公众号推文外包、和田开通京东拼多多设计、和田淘宝装修

上一页：和田400电话办理【和田网站公司】和田百度优化、和田域名注册、和田网店美工、和田微信公众号托管

下一页：和田小程序制作【和田企业邮箱】和田网站外包、和田微信商城开发、和田网店美工、和田淘宝设计