<?xml version="1.0" encoding="utf-8"?>
<!-- generator="FeedCreator 1.7.2-ppt DokuWiki" -->
<?xml-stylesheet href="http://zhidian.wuute.com/html5dev/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="http://zhidian.wuute.com/html5dev/feed.php">
        <title>HTML5知典 26:86:46</title>
        <description></description>
        <link>http://zhidian.wuute.com/html5dev/</link>
        <image rdf:resource="http://zhidian.wuute.com/html5dev/lib/tpl/bootstrap3_1/images/favicon.ico" />
       <dc:date>2026-06-04T07:19:11+09:00</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/background?rev=1492846820&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundattachment?rev=1493027486&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundclip?rev=1493027114&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundcolor?rev=1492701872&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundimage?rev=1493027648&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundorigin?rev=1493027123&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundposition?rev=1493027534&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundrepeat?rev=1493026501&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundsize?rev=1493027284&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/gradient?rev=1492847552&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/opacity?rev=1492788747&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/start?rev=1492947556&amp;do=diff"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="http://zhidian.wuute.com/html5dev/lib/tpl/bootstrap3_1/images/favicon.ico">
        <title>HTML5知典</title>
        <link>http://zhidian.wuute.com/html5dev/</link>
        <url>http://zhidian.wuute.com/html5dev/lib/tpl/bootstrap3_1/images/favicon.ico</url>
    </image>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/background?rev=1492846820&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-22T16:40:20+09:00</dc:date>
        <title>background</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/46/background?rev=1492846820&amp;do=diff</link>
        <description>background

background-color

background-color: transparent || &lt;color&gt;

background-color其主要用来设置元素的背景颜色，其默认值为transparent（不设置任何颜色情况下是透明色），&lt;color&gt;用来设置背景色彩，常用的颜色格式为：颜色名：如“red”；rgb色:如rgb(255, 0, 0)或rgb(100%, 0%, 0%)；hls值hsl(0, 100%, 50%)，二进制值 #FF0000。在支持CSS3的浏览器中还可以使用rgba值rgba(255,0,0,1)。</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundattachment?rev=1493027486&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T18:51:26+09:00</dc:date>
        <title>background-attachment</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundattachment?rev=1493027486&amp;do=diff</link>
        <description>background-attachment

如果指定了 background-image ，那么 background-attachment 决定背景是在视口中固定的还是随包含它的区块滚动的。

语法
background-attachment: fixed;
background-attachment: local;
background-attachment: scroll;
值</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundclip?rev=1493027114&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T18:45:14+09:00</dc:date>
        <title>background-clip</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundclip?rev=1493027114&amp;do=diff</link>
        <description>background-clip

background-clip  规定元素的背景（背景图片或颜色）的绘制区域。

语法
background-clip: padding-box
background-clip: border-box
background-clip: content-box
值
值描述border-box 此关键词表示背景延伸到边框外沿，必须在边框之下。</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundcolor?rev=1492701872&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-21T00:24:32+09:00</dc:date>
        <title>background-color</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundcolor?rev=1492701872&amp;do=diff</link>
        <description>background-color

background-color其主要用来设置元素的背景颜色，其默认值为transparent（不设置任何颜色情况下是透明色），&lt;color&gt;用来设置背景色彩，常用的颜色格式为：颜色名：如“red”；rgb色:如rgb(255, 0, 0)或rgb(100%, 0%, 0%)；hls值hsl(0, 100%, 50%)，二进制值 #FF0000。在支持CSS3的浏览器中还可以使用rgba值rgba(255,0,0,1)。</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundimage?rev=1493027648&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T18:54:08+09:00</dc:date>
        <title>background-image</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundimage?rev=1493027648&amp;do=diff</link>
        <description>background-image

来设置元素的背景图片，默认值为none，&lt;url&gt;是指背景图片的地址，这个地址可以是相对地址，也可以是绝对地址。

语法
background-image: none;
background-image: url(http://www.xxx.com/background-image.png);</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundorigin?rev=1493027123&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T18:45:23+09:00</dc:date>
        <title>background-origin</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundorigin?rev=1493027123&amp;do=diff</link>
        <description>background-origin

background-origin该属性用于规定指定背景图片 background-image 属性的原点位置的相对区域。

语法
background-origin: padding-box
background-origin: border-box
background-origin: content-box
background-origin: inherit

值
值</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundposition?rev=1493027534&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T18:52:14+09:00</dc:date>
        <title>background-position</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundposition?rev=1493027534&amp;do=diff</link>
        <description>background-position

该属性指定背景图片的初始位置。

每一个背景图片，background-position这个css属性设置了一个初始位置，该初始位置是相对于以background-origin定义的背景位置图层来说的。

语法</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundrepeat?rev=1493026501&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T18:35:01+09:00</dc:date>
        <title>background-repeat</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundrepeat?rev=1493026501&amp;do=diff</link>
        <description>background-repeat

该属性指定图片是否重复出现平铺效果，以及方式。

语法
background-repeat: repeat;
background-repeat: repeat-x;
background-repeat: repeat-y;
background-repeat: round;
background-repeat: space;
background-repeat: no-repeat;
background-repeat: repeat space;
background-repeat: repeat repeat;
background-repeat: round space;
background-repeat: no-repeat round;</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundsize?rev=1493027284&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T18:48:04+09:00</dc:date>
        <title>background-size</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/46/backgroundsize?rev=1493027284&amp;do=diff</link>
        <description>background-size

background-size 属性规定背景图像的尺寸。

语法
/* &lt;length&gt; value */
background-size: 20px;
background-size: 2em;

/* &lt;percentage&gt; value */
background-size: 20%

background-size: auto;
background-size: cover;
background-size: contain;
background-size: 20% auto;
background-size: 2em 40%;
background-size: auto auto;
background-size: auto 20%;
background-size: auto, auto;
background-size: 20%, 10%; 10%;
background-size: 2px auto contain</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/gradient?rev=1492847552&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-22T16:52:32+09:00</dc:date>
        <title>gradient</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/46/gradient?rev=1492847552&amp;do=diff</link>
        <description>gradient

CSS 渐变 是在 CSS3 Image Module 中新增加的 &lt;image&gt; 类型. 使用 CSS 渐变可以在两种颜色间制造出平滑的渐变效果. 用它代替图片，可以加快页面的载入时间、减小带宽占用。同时，因为渐变是由浏览器直接生成的，它在页面缩放时的效果比图片更好，因此你可以更加灵活、便捷的调整页面布局。</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/opacity?rev=1492788747&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-22T00:32:27+09:00</dc:date>
        <title>opacity</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/46/opacity?rev=1492788747&amp;do=diff</link>
        <description>opacity

opacity 属性规定了一个元素的透明度。换言之，opacity属性指定了一个元素后面的背景的被覆盖程度。

语法
opacity: value|inherit;
值
值描述value	规定不透明度。从 0.0 （完全透明）到 1.0（完全不透明）。</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/46/start?rev=1492947556&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-23T20:39:16+09:00</dc:date>
        <title>背景</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/46/start?rev=1492947556&amp;do=diff</link>
        <description>背景

定义

背景(Background）属性是对HTML元素的背景进行定义的CSS属性。

概述

通过边框和背景的样式设置，给元素增加更丰富的外观

背景的设置包含以下内容:

	*  背景填充内容 
背景填充内容可以是一个固定颜色(background-color属性),可以是图像和渐变(background-image属性)</description>
    </item>
</rdf:RDF>
