CSS 设置背景颜色和背景图像

第一节:设置背景颜色

<body style="background-color: blue;">
<h1 style="background-color: red;">这是一个神奇的标题</h1>


第二节:设置背景图像

<body style="background-image: url(../grid.jpg)">
<h1 style="background-color: red;">这是一个神奇的标题</h1>


第三节:设置背景图像平铺

<body style="background-image: url(../grid.jpg)">
<div style="background-image: url(../banner.jpg);background-repeat: repeat-x;height: 96px;border: 1px red solid;">这是一个神奇的标题</div>
 

grid.jpg这个图片高度是48px,是这个div的一半


第四节:设置背景图像位置

background-position: 20px 40px

<body style="background-image: url(../dog.jpg);background-repeat: no-repeat;background-position: 20px 40px">
<h1 style="background-color: red;">这是一个神奇的标题</h1>
<p>狗,亦称“犬”,学名“家犬”,与马、牛、羊、猪、鸡并称“六畜”,是人类的主要食物来源之一,有科学家认为狗是由早期人类从灰狼驯化而来,驯养时间在4万年前至1.5万年前,发展至今日,狗大体上可分肉用犬(肉狗)、工作犬、宠物犬、交配犬、军用犬、格斗犬</p>
<p>狼在14000年前,甚至可能在 
剪纸狗照片集锦
剪纸狗照片集锦(20张)
16000年前的亚洲东南部,就已经被人类从野生狼驯化为家畜,即狗来玩、打猎、看家护院。
狗起源于狼,已经得到了共识,但围绕着具体的发源地和时间则是众说纷纭。最早的狗化石证据是来自于德国14000年前的一个下颌骨化石,这些考古学证据支持狗是起源于西南亚或者欧洲,而另一方面,狗的骨骼学鉴定特征提示狗可能起源于狼,由此提出了狗的东亚起源说。此外,不同品种的狗在形态上极富多样性,似乎又倾向于狗起源于不同地理群体的狼的假说。仅靠考古学,是很难提供有关狗起源的可靠线索。
中瑞科学家组成的研究小组研究了来自五大洲的654只狗,分析了它们体内一种通过母系遗传的叫做“线粒体DNA”的遗传物质的碱基排列后发现,这些狗拥有几乎相同的基因。他们认为,人类与狗的友好渊源可以追溯到1.5万年前,当时,东亚的人类首先开始驯化狼等动物,并在漫长的岁月里逐渐把驯化的狗带到了欧洲,甚至穿过白令海峡带到了美洲。
之所以会认为是东亚人先驯化了狼,是因为东亚地区的狗的基因类型最为丰富,科学家通过基因测试推断该地区应该就是狗的发源地,而不是过去人们一直认为的中东地区。彼得·萨沃莱南说:“许多早期的研究基于中东地区少量的考古材料,认为该地区是狗的起源地,而实际上,那里只是驯化过其他的一些动物,而不是狗。”同时,通过和狼的基因的对比,他们认为1.5万年前,由几种不同的狼分化出了狗。
这项研究是由两个国际研究小组齐头并进地进行的。另一方面,美国和秘鲁等国的科学家组成的研究小组比较了南北美大陆和亚洲、欧洲的狗以及欧洲殖民者到达美洲大陆前就在拉丁美洲和阿拉斯加等地生存的狗的碱基排列。发现拉丁美洲和瑞典的狗的部分基因都源于过去的欧亚狼。这部分基因在15世纪欧洲殖民者到达美洲之前就已在美洲家犬身上显现。他们认为,狗在东亚起源并扩大到整个亚洲和欧洲,继而在1.4万至1.2年由美洲大陆的第一批定居者穿越白令海峡带到了美洲。
狗的进化与淀粉消化有关:来自乌普萨拉大学的研究人员通过比较狗和狼的全基因组,揭示了在野生犬进化为人类最好的朋友这一过程中发生了许多的改变。不出所料的是,这些差异性区域有许多都影响了大脑,这或许可以解释狼与狗之间的性情差异。此外,这一比较研究还指出了几个与消化相关的区域,包括帮助分解淀粉的基因。
研究人员表示,通过找到人类,食用人类的剩饭剩菜,狗有可能进行了自我驯化。以色列化石及遗传研究将狗的驯化时期确定为大约1万年前,与农业革命时期相吻合,那时人类从游牧狩猎者转变为在定居点耕作及生活。一些科学家们认为,狼被吸引到了这些早期定居点的垃圾场,以蔬菜和谷类植物剩饭菜为食。
在此之前的2005年,该研究小组发布了完整的家犬基因组。在这个项目完成后,研究人员转向在基因组水平上研究狗类的进化史。
人狗相处和谐
人狗相处和谐(7张)
研究人员对来自世界各地的12条狼,以及代表14个不同品种的60只狗进行了全基因组测序。他们通过寻找狗与狼之间显示最大差异的序列,或在犬种中保持一致而在狼中存在差异的序列,搜查了进化标记。最终拿出了一个包含36个区域,总共122个基因的名单。其中一半的区域包含脑基因。其中有6个区域,10个基因与脂肪和淀粉消化相关。具体来说,狗携带了额外拷贝的淀粉酶基因,相比于狼同类。此外,狗生成的麦芽糖酶-葡糖淀粉酶要多12倍,这是因为该酶基因发生了数个突变。第三种基因SGLT1突变提高了肠道糖吸收蛋白质的功能。[1]</p>

狗的图片相对于body整体像右移动20px;像下移动40px;


第五节:设置背景图片位置固定

background-attachment: fixed 的作用  当把浏览器页面向下滑动时,dog.jpg这个图片固定在本来的位置上面

<body style="background-image: url(../dog.jpg);background-repeat: no-repeat;background-position: 20px 40px;background-attachment: fixed;">

猜你喜欢

转载自blog.csdn.net/qq_40135955/article/details/89151617