如果您无法下载资料，请参考说明：
1、部分资料下载需要金币，请确保您的账户上有足够的金币
2、已购买过的文档，再次下载不重复扣费
3、资料包下载后请先用软件解压，在使用对应软件打开
css基础系列教程:背景属性作者：www.divcss8.com我们把上一节的作业的答案给大家公布一下：1、h1.p1{}：表示h1标签下的所有class为p1的选择符；2、#contenth1{}表示id为content下的所有h1标签；3、h1.p1，#contenth1并列关系，对class为p1的和ID为#content下的H1作用同一个效果；4、h1#contenth2{}表示h1下id为content标签下的h2标签，请注意这个地方不是包含没有空格而是紧接着写的。必须是属于H1里面ID为#content下包含H2的。使用背景(background)是网页设计制作中一种常用手法，网站中随处可见的导航，整体页面背景都是通过background完成的。我们先看一下背景的颜色属性（background-color）,我们可以采用的值：十六进制，颜色名称，透明的背景.现在我们通过一个示例来了解一下<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>divcss8背景颜色示例</title><styletype="text/css">/*这是CSS的备注形式。为了以后阅读方便，如果颜色值一样可以简写为#ccc;*/h1{background-color:#cccccc;}h2{background-color:red;}/*是默认效果，可以不写*/h3{background-color:trasparent;}</style></head><body><h1>十六进制示例</h1><h2>颜色名称</h2><h3>透明背景</h3></body></html>PS：颜色值大家可以通过PS去获取，也可以通过百度搜索获取在我们网页中不只可以使用背景颜色，还可以使用背景图片属性background-image定义背景图象的路径。但是最好在结合背景图象的重复属性background-repeat定义背景图象的是否重复效果。最重要的：背景图象只有在一定的区域范围内才能显示，所以在指定背景图象的时候，通常要定义元素的宽高属性；<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>www.divcss.com背景示例</title><styletype="text/css">div{background-image:url(3_01.gif);}</style></head><body><div>内容1</div></body></html>现在这种情况下。背景图片会铺满整个屏幕。但是不会有高度显示这个问题就是我刚才所重点提到的背景图象只有在一定的区域范围内才能显示.所以说我们可以给DIV指定一个宽(width)与高(height),为了让大家看的更清楚些。我提供一个边框。<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>www.divcss.com背景示例</title><styletype="text/css">div{background-image:url(3_01.gif);width:500px;height:500px;border:2pxsolid#f00;}</style></head><body><div>内容1</div></body></html>大家不知道发现没。如果使用我们提供的图片做背景，会出现完全平铺。因为我们的背景图片只有宽184PX，高384PX。这也是默认情况。所以说我们可以通过background-repeat这个属性决定背景图片如何平铺。background-repeat：是指定元素中背景图象的重复方式。
立即下载
