<?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:36</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-05-20T19:17:31+09:00</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/bottom?rev=1493025627&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/clear?rev=1493022565&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/clip?rev=1493022754&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/cursor?rev=1493023199&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/display?rev=1493023625&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/float?rev=1493023803&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/left?rev=1493023986&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/overflow?rev=1493024055&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/overflowx?rev=1492868601&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/overflowy?rev=1492868633&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/position?rev=1493024410&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/right?rev=1493024515&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/start?rev=1492947556&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/top?rev=1493024722&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/verticalalign?rev=1493024949&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/visibility?rev=1493025021&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/zindex?rev=1493025500&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/36/bottom?rev=1493025627&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T18:20:27+09:00</dc:date>
        <title>bottom</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/36/bottom?rev=1493025627&amp;do=diff</link>
        <description>bottom

该属性用来指定被定位元素的位置。绝对定位的元素，bottom 属性指定元素底边距边缘和包含该元素的容器的底边缘的距离。 相对定位的元素，bottom 属性指定元素的下边界距离其正常位置的距离。</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/clear?rev=1493022565&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T17:29:25+09:00</dc:date>
        <title>clear</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/36/clear?rev=1493022565&amp;do=diff</link>
        <description>clear

clear 指定一个元素是紧挨着上一个浮动元素，并必须移动到该元素的下方。

当应用在浮动元素时，是将元素的外边界移动到所有相关的浮动元素外边界的下方。这会影响到后面浮动元素的布局，后面的浮动元素的位置无法高于它之前的元素。</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/clip?rev=1493022754&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T17:32:34+09:00</dc:date>
        <title>clip</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/36/clip?rev=1493022754&amp;do=diff</link>
        <description>clip

该属性用于定义元素的哪部分是可见的。该属性只适用于绝对定位的元素。

语法
/* &lt;shape&gt; value */
clip: rect(2px, 2em, 5rem, 2ch);

clip: auto;
值
值描述shape 此关键词表示一个矩形&lt;shape&gt;。&lt;shape&gt; = rect(&lt;top&gt;, &lt;right&gt;, &lt;bottom&gt;, &lt;left&gt;)</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/cursor?rev=1493023199&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T17:39:59+09:00</dc:date>
        <title>cursor</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/36/cursor?rev=1493023199&amp;do=diff</link>
        <description>cursor

该属性用于设置鼠标指针悬浮在元素上时的外观。

语法
Formal syntax: [ [ &lt;uri&gt; [&lt;x&gt; &lt;y&gt;]?,]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing ] ]…</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/display?rev=1493023625&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T17:47:05+09:00</dc:date>
        <title>display</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/36/display?rev=1493023625&amp;do=diff</link>
        <description>display

display指定元素中渲染出来的显示盒类型。可生成多种不同的元素的盒类型，值为none可关闭一个元素的显示，且所有的后代元素他们的显示也会被关闭。

语法
display: none
display: inline
display: block
display: contents
display: list-item
display: inline-block
display: inline-table
display: table
display: table-cell
display: table-column
display: table-column-group
display: table-footer-group
display: table-header-group
display: table-row
display: table-row-group…</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/float?rev=1493023803&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T17:50:03+09:00</dc:date>
        <title>float</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/36/float?rev=1493023803&amp;do=diff</link>
        <description>float

float可使一个元素脱离文档流，然后被放置在它所在的容器的左侧或右侧，另外其他的文本或行内元素围绕该元素放置。

一个浮动元素的float属性计算值不为none。

语法
float: left;
float: right;
float: none;</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/left?rev=1493023986&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T17:53:06+09:00</dc:date>
        <title>left</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/36/left?rev=1493023986&amp;do=diff</link>
        <description>left

该属性用于指定当前元素在有定位的包含块元素中的位置。对绝对定位的元素，它指向了元素左边界同其包含左边界之间的距离。

语法
/* &lt;length&gt; value */
left: 2.5em;

/* &lt;percentage&gt; value */
left: 95%;

left: auto;</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/overflow?rev=1493024055&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T17:54:15+09:00</dc:date>
        <title>overflow</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/36/overflow?rev=1493024055&amp;do=diff</link>
        <description>overflow

overflow该属性作用在block型元素上，能够在内容元素溢出元素框时发生的事：剪裁内容，使用滚动条来显示或直接显示超出的内容。

语法
overflow: visible;
overflow: scroll;
overflow: hidden;
overflow: auto;</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/overflowx?rev=1492868601&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-22T22:43:21+09:00</dc:date>
        <title>overflow-x</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/36/overflowx?rev=1492868601&amp;do=diff</link>
        <description>overflow-x

当一个块级元素的内容在水平方向发生溢出时，overflow-x 属性规定应该截断溢出内容，或者显示滚动条，或者直接显示溢出内容。

语法
overflow-x: visible|hidden|scroll|auto|no-display|no-content;</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/overflowy?rev=1492868633&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-22T22:43:53+09:00</dc:date>
        <title>overflow-y</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/36/overflowy?rev=1492868633&amp;do=diff</link>
        <description>overflow-y

当一个块级元素的内容在垂直方向发生溢出时，overflow-y 属性规定应该截断溢出内容，或者显示滚动条，或者直接显示溢出内容。

语法
overflow-y: visible|hidden|scroll|auto|no-display|no-content;</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/position?rev=1493024410&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T18:00:10+09:00</dc:date>
        <title>position</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/36/position?rev=1493024410&amp;do=diff</link>
        <description>position

position该属性设置元素的定位方式， 且在动画特效脚本化时效果很好。

语法
position: static;
position: relative;
position: absolute;
position: fixed;
position: sticky;
值
值描述static 该关键词规定元素正常使用的布局行为，即元素在文档流中当前的布局位置，其他属性无效。</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/right?rev=1493024515&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T18:01:55+09:00</dc:date>
        <title>right</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/36/right?rev=1493024515&amp;do=diff</link>
        <description>right

该属性用于指定当前元素在有定位的包含块元素中的位置。对绝对定位的元素，它表示元素右边距边缘到包含块右边缘之间的距离。right属性对非定位元素没有影响。

语法
/* &lt;length&gt; value */
right: 2.5em;

/* &lt;percentage&gt; value */
right: 95%;

right: auto;</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/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/36/start?rev=1492947556&amp;do=diff</link>
        <description>定位

定义

位置（Position）属性是对HTML元素的位置进行定义的CSS属性。

概述

流动模型（Flow） 
浮动模型（Float） 
层模版（Layer）
弹性盒模型

display

列表
元素描述版本bottom	设置定位元素下外边距边界与其包含块下边界之间的偏移。</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/top?rev=1493024722&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T18:05:22+09:00</dc:date>
        <title>top</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/36/top?rev=1493024722&amp;do=diff</link>
        <description>top

该属性用于指定当前元素在有定位的包含块元素中的位置。对绝对定位的元素，它指向了元素上边界同其包含上边界之间的距离。为非绝对定位元素，它指向了元素低于其正常的位置移动量。</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/verticalalign?rev=1493024949&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T18:09:09+09:00</dc:date>
        <title>vertical-align</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/36/verticalalign?rev=1493024949&amp;do=diff</link>
        <description>vertical-align

该属性用来指定行内元素活着表格单元格元素的垂直对齐方式。

语法
vertical-align: baseline;
vertical-align: sub;
vertical-align: super;
vertical-align: text-top;
vertical-align: text-bottom;
vertical-align: middle;
vertical-align: &lt;length&gt;;
vertical-align: &lt;percentage&gt; ;
vertical-align: top;
vertical-align: bottom;</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/visibility?rev=1493025021&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T18:10:21+09:00</dc:date>
        <title>visibility</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/36/visibility?rev=1493025021&amp;do=diff</link>
        <description>visibility

visibility 属性有两种用法：取值为 hidden 时隐藏元素，并将其所占空间用空白占位。取值为 collapse 时隐藏表格的一行或一列。

语法
visibility: visible 
visibility: hidden 
visibility: collapse
值</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/36/zindex?rev=1493025500&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T18:18:20+09:00</dc:date>
        <title>z-index</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/36/zindex?rev=1493025500&amp;do=diff</link>
        <description>z-index

z-index该属性指定元素及其子元素的 z-order。当元素之间重叠时，z-order 可决定元素显示的顺序。一般 z-index 较大的元素会在 z-index 较小的上方显示。

语法
/* &lt;integer&gt; values */
z-index: 1;
z-index: -1;

z-index: auto;</description>
    </item>
</rdf:RDF>
