这次我把资料整理了一下，汇集成了一个html文件，有CSS选择器和CSS属性资料，并做成了表格，有需要的小伙伴可以复制打开看看。`
<!DOCTYPE html>
<html>
<head>
<title>My CSS</title>
<style>
* {
font-family:Georgia, serif;
}
table {
margin-top: 15px;
border-collapse: collapse;
border: 1px solid #aaa;
width: 100%;
}
th,td {
font-size:20pt;
padding:25px;
border:1px solid #aaa;
}
th {
background-color:#555;
color:white;
}
a {
color:black;
text-decoration:none;
}
</style>
</head>
<body>
<div>
<h2>CSS选择器</h2>
<table>
<tbody>
<tr>
<th>选择器</th>
<th>例子</th>
<th>例子描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/selector_class.asp" title="CSS .class 选择器">.<i>class</i></a></td>
<td>.intro</td>
<td>选择 class="intro" 的所有元素。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/selector_id.asp" title="CSS #id 选择器">#<i>id</i></a></td>
<td>#firstname</td>
<td>选择 id="firstname" 的所有元素。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/selector_all.asp" title="CSS * 选择器">*</a></td>
<td>*</td>
<td>选择所有元素。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/selector_element.asp" title="CSS element 选择器"><i>element</i></a></td>
<td>p</td>
<td>选择所有 <p> 元素。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/selector_element_comma.asp" title="CSS element,element 选择器"><i>element</i>,<i>element</i></a></td>
<td>div,p</td>
<td>选择所有 <div> 元素和所有 <p> 元素。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/selector_element_element.asp" title="CSS element element 选择器"><i>element</i> <i>element</i></a></td>
<td>div p</td>
<td>选择 <div> 元素内部的所有 <p> 元素。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/selector_element_gt.asp" title="CSS element>element 选择器"><i>element</i>><i>element</i></a></td>
<td>div>p</td>
<td>选择父元素为 <div> 元素的所有 <p> 元素。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/selector_element_plus.asp" title="CSS element+element 选择器"><i>element</i>+<i>element</i></a></td>
<td>div+p</td>
<td>选择紧接在 <div> 元素之后的所有 <p> 元素。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/selector_attribute.asp" title="CSS [attribute] 选择器">[<i>attribute</i>]</a></td>
<td>[target]</td>
<td>选择带有 target 属性所有元素。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/selector_attribute_value.asp" title="CSS [attribute=value] 选择器">[<i>attribute</i>=<i>value</i>]</a></td>
<td>[target=_blank]</td>
<td>选择 target="_blank" 的所有元素。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/selector_attribute_value_contain.asp" title="CSS [attribute~=value] 选择器">[<i>attribute</i>~=<i>value</i>]</a></td>
<td>[title~=flower]</td>
<td>选择 title 属性包含单词 "flower" 的所有元素。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/selector_attribute_value_start.asp" title="CSS [attribute|=value] 选择器">[<i>attribute</i>|=<i>value</i>]</a></td>
<td>[lang|=en]</td>
<td>选择 lang 属性值以 "en" 开头的所有元素。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/selector_link.asp" title="CSS :link 选择器">:link</a></td>
<td>a:link</td>
<td>选择所有未被访问的链接。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/selector_visited.asp" title="CSS :visited 选择器">:visited</a></td>
<td>a:visited</td>
<td>选择所有已被访问的链接。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/selector_active.asp" title="CSS :active 选择器">:active</a></td>
<td>a:active</td>
<td>选择活动链接。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/selector_hover.asp" title="CSS :hover 选择器">:hover</a></td>
<td>a:hover</td>
<td>选择鼠标指针位于其上的链接。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/selector_focus.asp" title="CSS :focus 选择器">:focus</a></td>
<td>input:focus</td>
<td>选择获得焦点的 input 元素。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/selector_first-letter.asp" title="CSS :first-letter 选择器">:first-letter</a></td>
<td>p:first-letter</td>
<td>选择每个 <p> 元素的首字母。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/selector_first-line.asp" title="CSS :first-line 选择器">:first-line</a></td>
<td>p:first-line</td>
<td>选择每个 <p> 元素的首行。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/selector_first-child.asp" title="CSS :first-child 选择器">:first-child</a></td>
<td>p:first-child</td>
<td>选择属于父元素的第一个子元素的每个 <p> 元素。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/selector_before.asp" title="CSS :before 选择器">:before</a></td>
<td>p:before</td>
<td>在每个 <p> 元素的内容之前插入内容。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/selector_after.asp" title="CSS :after 选择器">:after</a></td>
<td>p:after</td>
<td>在每个 <p> 元素的内容之后插入内容。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/selector_lang.asp" title="CSS :lang(language) 选择器">:lang(<i>language</i>)</a></td>
<td>p:lang(it)</td>
<td>选择带有以 "it" 开头的 lang 属性值的每个 <p> 元素。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/selector_gen_sibling.asp" title="CSS element1~element2 选择器"><i>element1</i>~<i>element2</i></a></td>
<td>p~ul</td>
<td>选择前面有 <p> 元素的每个 <ul> 元素。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/selector_attr_begin.asp" title="CSS [attribute^=value] 选择器">[<i>attribute</i>^=<i>value</i>]</a></td>
<td>a[src^="https"]</td>
<td>选择其 src 属性值以 "https" 开头的每个 <a> 元素。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/selector_attr_end.asp" title="CSS [attribute$=value] 选择器">[<i>attribute</i>$=<i>value</i>]</a></td>
<td>a[src$=".pdf"]</td>
<td>选择其 src 属性以 ".pdf" 结尾的所有 <a> 元素。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/selector_attr_contain.asp" title="CSS [attribute*=value] 选择器">[<i>attribute</i>*=<i>value</i>]</a></td>
<td>a[src*="abc"]</td>
<td>选择其 src 属性中包含 "abc" 子串的每个 <a> 元素。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/selector_first-of-type.asp" title="CSS :first-of-type 选择器">:first-of-type</a></td>
<td>p:first-of-type</td>
<td>选择属于其父元素的首个 <p> 元素的每个 <p> 元素。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/selector_last-of-type.asp" title="CSS :last-of-type 选择器">:last-of-type</a></td>
<td>p:last-of-type</td>
<td>选择属于其父元素的最后 <p> 元素的每个 <p> 元素。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/selector_only-of-type.asp" title="CSS :only-of-type 选择器">:only-of-type</a></td>
<td>p:only-of-type</td>
<td>选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/selector_only-child.asp" title="CSS :only-child 选择器">:only-child</a></td>
<td>p:only-child</td>
<td>选择属于其父元素的唯一子元素的每个 <p> 元素。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/selector_nth-child.asp" title="CSS :nth-child(n) 选择器">:nth-child(<i>n</i>)</a></td>
<td>p:nth-child(2)</td>
<td>选择属于其父元素的第二个子元素的每个 <p> 元素。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/selector_nth-last-child.asp" title="CSS :nth-last-child(n) 选择器">:nth-last-child(<i>n</i>)</a></td>
<td>p:nth-last-child(2)</td>
<td>同上，从最后一个子元素开始计数。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/selector_nth-of-type.asp" title="CSS :nth-of-type(n) 选择器">:nth-of-type(<i>n</i>)</a></td>
<td>p:nth-of-type(2)</td>
<td>选择属于其父元素第二个 <p> 元素的每个 <p> 元素。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/selector_nth-last-of-type.asp" title="CSS :nth-last-of-type(n) 选择器">:nth-last-of-type(<i>n</i>)</a></td>
<td>p:nth-last-of-type(2)</td>
<td>同上，但是从最后一个子元素开始计数。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/selector_last-child.asp" title="CSS :last-child 选择器">:last-child</a></td>
<td>p:last-child</td>
<td>选择属于其父元素最后一个子元素每个 <p> 元素。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/selector_root.asp" title="CSS :root 选择器">:root</a></td>
<td>:root</td>
<td>选择文档的根元素。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/selector_empty.asp" title="CSS :empty 选择器">:empty</a></td>
<td>p:empty</td>
<td>选择没有子元素的每个 <p> 元素（包括文本节点）。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/selector_target.asp" title="CSS :target 选择器">:target</a></td>
<td>#news:target</td>
<td>选择当前活动的 #news 元素。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/selector_enabled.asp" title="CSS :enabled 选择器">:enabled</a></td>
<td>input:enabled</td>
<td>选择每个启用的 <input> 元素。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/selector_disabled.asp" title="CSS :disabled 选择器">:disabled</a></td>
<td>input:disabled</td>
<td>选择每个禁用的 <input> 元素</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/selector_checked.asp" title="CSS :checked 选择器">:checked</a></td>
<td>input:checked</td>
<td>选择每个被选中的 <input> 元素。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/selector_not.asp" title="CSS :not(selector) 选择器">:not(<i>selector</i>)</a></td>
<td>:not(p)</td>
<td>选择非 <p> 元素的每个元素。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/selector_selection.asp" title="CSS ::selection 选择器">::selection</a></td>
<td>::selection</td>
<td>选择被用户选取的元素部分。</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
<!---->
<div id="animation">
<h2>CSS3 动画属性（Animation）</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th>描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_keyframes.asp" title="CSS3 @keyframes 规则">@keyframes</a></td>
<td>规定动画。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_animation.asp" title="CSS3 animation 属性">animation</a></td>
<td>所有动画属性的简写属性，除了 animation-play-state 属性。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_animation-name.asp" title="CSS3 animation-name 属性">animation-name</a></td>
<td>规定 @keyframes 动画的名称。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_animation-duration.asp" title="CSS3 animation-duration 属性">animation-duration</a></td>
<td>规定动画完成一个周期所花费的秒或毫秒。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_animation-timing-function.asp" title="CSS3 animation-timing-function 属性">animation-timing-function</a></td>
<td>规定动画的速度曲线。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_animation-delay.asp" title="CSS3 animation-delay 属性">animation-delay</a></td>
<td>规定动画何时开始。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_animation-iteration-count.asp" title="CSS3 animation-iteration-count 属性">animation-iteration-count</a></td>
<td>规定动画被播放的次数。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_animation-direction.asp" title="CSS3 animation-direction 属性">animation-direction</a></td>
<td>规定动画是否在下一周期逆向地播放。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_animation-play-state.asp" title="CSS3 animation-play-state 属性">animation-play-state</a></td>
<td>规定动画是否正在运行或暂停。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_animation-fill-mode.asp" title="CSS3 animation-fill-mode 属性">animation-fill-mode</a></td>
<td>规定对象动画时间之外的状态。</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
<div id="background">
<h2>CSS 背景属性（Background）</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_background.asp">background</a></td>
<td>在一个声明中设置所有的背景属性。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_background-attachment.asp">background-attachment</a></td>
<td>设置背景图像是否固定或者随着页面的其余部分滚动。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_background-color.asp">background-color</a></td>
<td>设置元素的背景颜色。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_background-image.asp">background-image</a></td>
<td>设置元素的背景图像。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_background-position.asp">background-position</a></td>
<td>设置背景图像的开始位置。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_background-repeat.asp">background-repeat</a></td>
<td>设置是否及如何重复背景图像。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_background-clip.asp" title="CSS3 background-clip 属性">background-clip</a></td>
<td>规定背景的绘制区域。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_background-origin.asp" title="CSS3 background-origin 属性">background-origin</a></td>
<td>规定背景图片的定位区域。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_background-size.asp" title="CSS3 background-size 属性">background-size</a></td>
<td>规定背景图片的尺寸。</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
<div id="border">
<h2>CSS 边框属性（Border 和 Outline）</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_border.asp">border</a></td>
<td>在一个声明中设置所有的边框属性。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-bottom.asp">border-bottom</a></td>
<td>在一个声明中设置所有的下边框属性。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-bottom_color.asp">border-bottom-color</a></td>
<td>设置下边框的颜色。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-bottom_style.asp">border-bottom-style</a></td>
<td>设置下边框的样式。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-bottom_width.asp">border-bottom-width</a></td>
<td>设置下边框的宽度。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-color.asp">border-color</a></td>
<td>设置四条边框的颜色。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-left.asp">border-left</a></td>
<td>在一个声明中设置所有的左边框属性。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-left_color.asp">border-left-color</a></td>
<td>设置左边框的颜色。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-left_style.asp">border-left-style</a></td>
<td>设置左边框的样式。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-left_width.asp">border-left-width</a></td>
<td>设置左边框的宽度。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-right.asp">border-right</a></td>
<td>在一个声明中设置所有的右边框属性。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-right_color.asp">border-right-color</a></td>
<td>设置右边框的颜色。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-right_style.asp">border-right-style</a></td>
<td>设置右边框的样式。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-right_width.asp">border-right-width</a></td>
<td>设置右边框的宽度。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-style.asp">border-style</a></td>
<td>设置四条边框的样式。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-top.asp">border-top</a></td>
<td>在一个声明中设置所有的上边框属性。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-top_color.asp">border-top-color</a></td>
<td>设置上边框的颜色。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-top_style.asp">border-top-style</a></td>
<td>设置上边框的样式。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-top_width.asp">border-top-width</a></td>
<td>设置上边框的宽度。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-width.asp">border-width</a></td>
<td>设置四条边框的宽度。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_outline.asp">outline</a></td>
<td>在一个声明中设置所有的轮廓属性。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_outline-color.asp">outline-color</a></td>
<td>设置轮廓的颜色。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_outline-style.asp">outline-style</a></td>
<td>设置轮廓的样式。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_outline-width.asp">outline-width</a></td>
<td>设置轮廓的宽度。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-bottom-left-radius.asp" title="CSS3 border-bottom-left-radius 属性">border-bottom-left-radius</a></td>
<td>定义边框左下角的形状。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-bottom-right-radius.asp" title="CSS3 border-bottom-right-radius 属性">border-bottom-right-radius</a></td>
<td>定义边框右下角的形状。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-image.asp" title="CSS3 border-image 属性">border-image</a></td>
<td>简写属性，设置所有 border-image-* 属性。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-image-outset.asp" title="CSS3 border-image-outset 属性">border-image-outset</a></td>
<td>规定边框图像区域超出边框的量。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-image-repeat.asp" title="CSS3 border-image-repeat 属性">border-image-repeat</a></td>
<td>图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-image-slice.asp" title="CSS3 border-image-slice 属性">border-image-slice</a></td>
<td>规定图像边框的向内偏移。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-image-source.asp" title="CSS3 border-image-source 属性">border-image-source</a></td>
<td>规定用作边框的图片。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-image-width.asp" title="CSS3 border-image-width 属性">border-image-width</a></td>
<td>规定图片边框的宽度。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-radius.asp" title="CSS3 border-radius 属性">border-radius</a></td>
<td>简写属性，设置所有四个 border-*-radius 属性。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-top-left-radius.asp" title="CSS3 border-top-left-radius 属性">border-top-left-radius</a></td>
<td>定义边框左上角的形状。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_border-top-right-radius.asp" title="CSS3 border-top-right-radius 属性">border-top-right-radius</a></td>
<td>定义边框右下角的形状。</td>
<td>3</td>
</tr>
<tr>
<td>box-decoration-break</td>
<td></td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_box-shadow.asp" title="CSS3 box-shadow 属性">box-shadow</a></td>
<td>向方框添加一个或多个阴影。</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
<div id="box">
<h2>Box 属性</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_overflow-x.asp" title="CSS3 overflow-x 属性">overflow-x</a></td>
<td>如果内容溢出了元素内容区域，是否对内容的左/右边缘进行裁剪。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_overflow-y.asp" title="CSS3 overflow-y 属性">overflow-y</a></td>
<td>如果内容溢出了元素内容区域，是否对内容的上/下边缘进行裁剪。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_overflow-style.asp" title="CSS3 overflow-style 属性">overflow-style</a></td>
<td>规定溢出元素的首选滚动方法。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_rotation.asp" title="CSS3 rotation 属性">rotation</a></td>
<td>围绕由 rotation-point 属性定义的点对元素进行旋转。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_rotation-point.asp" title="CSS3 rotation-point 属性">rotation-point</a></td>
<td>定义距离上左边框边缘的偏移点。</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
<div id="color">
<h2>Color 属性</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td>color-profile</td>
<td>允许使用源的颜色配置文件的默认以外的规范。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_opacity.asp" title="CSS3 opacity 属性">opacity</a></td>
<td>规定元素的不透明级别。</td>
<td>3</td>
</tr>
<tr>
<td>rendering-intent</td>
<td>允许使用颜色配置文件渲染意图的默认以外的规范。</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
<div id="contentpm">
<h2>Content for Paged Media 属性</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td>bookmark-label</td>
<td>规定书签的标记。</td>
<td>3</td>
</tr>
<tr>
<td>bookmark-level</td>
<td>规定书签的级别。</td>
<td>3</td>
</tr>
<tr>
<td>bookmark-target</td>
<td>规定书签链接的目标。</td>
<td>3</td>
</tr>
<tr>
<td>float-offset</td>
<td>将元素放在 float 属性通常放置的位置的相反方向。</td>
<td>3</td>
</tr>
<tr>
<td>hyphenate-after</td>
<td>规定连字单词中连字符之后的最小字符数。</td>
<td>3</td>
</tr>
<tr>
<td>hyphenate-before</td>
<td>规定连字单词中连字符之前的最小字符数。</td>
<td>3</td>
</tr>
<tr>
<td>hyphenate-character</td>
<td>规定当发生断字时显示的字符串。</td>
<td>3</td>
</tr>
<tr>
<td>hyphenate-lines</td>
<td>指示元素中连续断字连线的最大数。</td>
<td>3</td>
</tr>
<tr>
<td>hyphenate-resource</td>
<td>规定帮助浏览器确定断字点的外部资源（逗号分隔的列表）。</td>
<td>3</td>
</tr>
<tr>
<td>hyphens</td>
<td>设置如何对单词进行拆分，以改善段落的布局。</td>
<td>3</td>
</tr>
<tr>
<td>image-resolution</td>
<td>规定图像的正确分辨率。</td>
<td>3</td>
</tr>
<tr>
<td>marks</td>
<td>向文档添加裁切标记或十字标记。</td>
<td>3</td>
</tr>
<tr>
<td>string-set</td>
<td></td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
<div id="dimension">
<h2>CSS 尺寸属性（Dimension）</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_dim_height.asp">height</a></td>
<td>设置元素高度。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_dim_max-height.asp">max-height</a></td>
<td>设置元素的最大高度。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_dim_max-width.asp">max-width</a></td>
<td>设置元素的最大宽度。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_dim_min-height.asp">min-height</a></td>
<td>设置元素的最小高度。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_dim_min-width.asp">min-width</a></td>
<td>设置元素的最小宽度。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_dim_width.asp">width</a></td>
<td>设置元素的宽度。</td>
<td>1</td>
</tr>
</tbody>
</table>
</div>
<div id="flexbox">
<h2>可伸缩框属性（Flexible Box）</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_box-align.asp" title="CSS3 box-align 属性">box-align</a></td>
<td>规定如何对齐框的子元素。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_box-direction.asp" title="CSS3 box-direction 属性">box-direction</a></td>
<td>规定框的子元素的显示方向。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_box-flex.asp" title="CSS3 box-flex 属性">box-flex</a></td>
<td>规定框的子元素是否可伸缩。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_box-flex-group.asp" title="CSS3 box-flex-group 属性">box-flex-group</a></td>
<td>将可伸缩元素分配到柔性分组。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_box-lines.asp" title="CSS3 box-lines 属性">box-lines</a></td>
<td>规定当超出父元素框的空间时，是否换行显示。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_box-ordinal-group.asp" title="CSS3 box-ordinal-group 属性">box-ordinal-group</a></td>
<td>规定框的子元素的显示次序。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_box-orient.asp" title="CSS3 box-orient 属性">box-orient</a></td>
<td>规定框的子元素是否应水平或垂直排列。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_box-pack.asp" title="CSS3 box-pack 属性">box-pack</a></td>
<td>规定水平框中的水平位置或者垂直框中的垂直位置。</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
<div id="font">
<h2>CSS 字体属性（Font）</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_font_font.asp">font</a></td>
<td>在一个声明中设置所有字体属性。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_font_font-family.asp">font-family</a></td>
<td>规定文本的字体系列。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_font_font-size.asp">font-size</a></td>
<td>规定文本的字体尺寸。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_font_font-size-adjust.asp">font-size-adjust</a></td>
<td>为元素规定 aspect 值。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_font_font-stretch.asp">font-stretch</a></td>
<td>收缩或拉伸当前的字体系列。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_font_font-style.asp">font-style</a></td>
<td>规定文本的字体样式。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_font_font-variant.asp">font-variant</a></td>
<td>规定是否以小型大写字母的字体显示文本。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_font_weight.asp">font-weight</a></td>
<td>规定字体的粗细。</td>
<td>1</td>
</tr>
</tbody>
</table>
</div>
<div id="generatedcontent">
<h2>内容生成（Generated Content）</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_gen_content.asp">content</a></td>
<td>与 :before 以及 :after 伪元素配合使用，来插入生成内容。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_gen_counter-increment.asp">counter-increment</a></td>
<td>递增或递减一个或多个计数器。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_gen_counter-reset.asp">counter-reset</a></td>
<td>创建或重置一个或多个计数器。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_gen_quotes.asp">quotes</a></td>
<td>设置嵌套引用的引号类型。</td>
<td>2</td>
</tr>
<tr>
<td>crop</td>
<td>允许被替换元素仅仅是对象的矩形区域，而不是整个对象。</td>
<td>3</td>
</tr>
<tr>
<td>move-to</td>
<td>从流中删除元素，然后在文档中后面的点上重新插入。</td>
<td>3</td>
</tr>
<tr>
<td>page-policy</td>
<td>确定元素基于页面的 occurrence 应用于计数器还是字符串值。</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
<div id="grid">
<h2>Grid 属性</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_grid-columns.asp" title="CSS3 grid-columns 属性">grid-columns</a></td>
<td>规定网格中每个列的宽度。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_grid-rows.asp" title="CSS3 grid-rows 属性">grid-rows</a></td>
<td>规定网格中每个列的高度。</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
<div id="hyperlink">
<h2>Hyperlink 属性</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_target.asp" title="CSS3 target 属性">target</a></td>
<td>简写属性，设置target-name、target-new以及target-position属性。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_target-name.asp" title="CSS3 target-name 属性">target-name</a></td>
<td>规定在何处打开链接（链接的目标）。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_target-new.asp" title="CSS3 target-new 属性">target-new</a></td>
<td>规定目标链接在新窗口还是在已有窗口的新标签页中打开。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_target-position.asp" title="CSS3 target-position 属性">target-position</a></td>
<td>规定在何处放置新的目标链接。</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
<div id="list">
<h2>CSS 列表属性（List）</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_list-style.asp">list-style</a></td>
<td>在一个声明中设置所有的列表属性。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_list-style-image.asp">list-style-image</a></td>
<td>将图象设置为列表项标记。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_list-style-position.asp">list-style-position</a></td>
<td>设置列表项标记的放置位置。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_list-style-type.asp">list-style-type</a></td>
<td>设置列表项标记的类型。</td>
<td>1</td>
</tr>
<tr>
<td>marker-offset</td>
<td> </td>
<td>2</td>
</tr>
</tbody>
</table>
</div>
<div id="margin">
<h2>CSS 外边距属性（Margin）</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_margin.asp">margin</a></td>
<td>在一个声明中设置所有外边距属性。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_margin-bottom.asp">margin-bottom</a></td>
<td>设置元素的下外边距。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_margin-left.asp">margin-left</a></td>
<td>设置元素的左外边距。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_margin-right.asp">margin-right</a></td>
<td>设置元素的右外边距。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_margin-top.asp">margin-top</a></td>
<td>设置元素的上外边距。</td>
<td>1</td>
</tr>
</tbody>
</table>
</div>
<div id="marquee">
<h2>Marquee 属性</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td>marquee-direction</td>
<td>设置移动内容的方向。</td>
<td>3</td>
</tr>
<tr>
<td>marquee-play-count</td>
<td>设置内容移动多少次。</td>
<td>3</td>
</tr>
<tr>
<td>marquee-speed</td>
<td>设置内容滚动得多快。</td>
<td>3</td>
</tr>
<tr>
<td>marquee-style</td>
<td>设置移动内容的样式。</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
<div id="multicolumn">
<h2>多列属性（Multi-column）</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_column-count.asp" title="CSS3 column-count 属性">column-count</a></td>
<td>规定元素应该被分隔的列数。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_column-fill.asp" title="CSS3 column-fill 属性">column-fill</a></td>
<td>规定如何填充列。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_column-gap.asp" title="CSS3 column-gap 属性">column-gap</a></td>
<td>规定列之间的间隔。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_column-rule.asp" title="CSS3 column-rule 属性">column-rule</a></td>
<td>设置所有 column-rule-* 属性的简写属性。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_column-rule-color.asp" title="CSS3 column-rule-color 属性">column-rule-color</a></td>
<td>规定列之间规则的颜色。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_column-rule-style.asp" title="CSS3 column-rule-style 属性">column-rule-style</a></td>
<td>规定列之间规则的样式。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_column-rule-width.asp" title="CSS3 column-rule-width 属性">column-rule-width</a></td>
<td>规定列之间规则的宽度。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_column-span.asp" title="CSS3 column-span 属性">column-span</a></td>
<td>规定元素应该横跨的列数。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_column-width.asp" title="CSS3 column-width 属性">column-width</a></td>
<td>规定列的宽度。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_columns.asp" title="CSS3 columns 属性">columns</a></td>
<td>规定设置 column-width 和 column-count 的简写属性。</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
<div id="padding">
<h2>CSS 内边距属性（Padding）</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_padding.asp">padding</a></td>
<td>在一个声明中设置所有内边距属性。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_padding-bottom.asp">padding-bottom</a></td>
<td>设置元素的下内边距。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_padding-left.asp">padding-left</a></td>
<td>设置元素的左内边距。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_padding-right.asp">padding-right</a></td>
<td>设置元素的右内边距。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_padding-top.asp">padding-top</a></td>
<td>设置元素的上内边距。</td>
<td>1</td>
</tr>
</tbody>
</table>
</div>
<div id="pagedmedia">
<h2>Paged Media 属性</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td>fit</td>
<td>示意如何对width和height属性均不是auto的被替换元素进行缩放。</td>
<td>3</td>
</tr>
<tr>
<td>fit-position</td>
<td>定义盒内对象的对齐方式。</td>
<td>3</td>
</tr>
<tr>
<td>image-orientation</td>
<td>规定用户代理应用于图像的顺时针方向旋转。</td>
<td>3</td>
</tr>
<tr>
<td>page</td>
<td>规定元素应该被显示的页面特定类型。</td>
<td>3</td>
</tr>
<tr>
<td>size</td>
<td>规定页面内容包含框的尺寸和方向。</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
<div id="positioning">
<h2>CSS 定位属性（Positioning）</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_pos_bottom.asp">bottom</a></td>
<td>设置定位元素下外边距边界与其包含块下边界之间的偏移。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_class_clear.asp">clear</a></td>
<td>规定元素的哪一侧不允许其他浮动元素。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_pos_clip.asp">clip</a></td>
<td>剪裁绝对定位元素。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_class_cursor.asp">cursor</a></td>
<td>规定要显示的光标的类型（形状）。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_class_display.asp">display</a></td>
<td>规定元素应该生成的框的类型。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_class_float.asp">float</a></td>
<td>规定框是否应该浮动。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_pos_left.asp">left</a></td>
<td>设置定位元素左外边距边界与其包含块左边界之间的偏移。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_pos_overflow.asp">overflow</a></td>
<td>规定当内容溢出元素框时发生的事情。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_class_position.asp">position</a></td>
<td>规定元素的定位类型。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_pos_right.asp">right</a></td>
<td>设置定位元素右外边距边界与其包含块右边界之间的偏移。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_pos_top.asp">top</a></td>
<td>设置定位元素的上外边距边界与其包含块上边界之间的偏移。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_pos_vertical-align.asp">vertical-align</a></td>
<td>设置元素的垂直对齐方式。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_class_visibility.asp">visibility</a></td>
<td>规定元素是否可见。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_pos_z-index.asp">z-index</a></td>
<td>设置元素的堆叠顺序。</td>
<td>2</td>
</tr>
</tbody>
</table>
</div>
<div id="print">
<h2>CSS 打印属性（Print）</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td>orphans</td>
<td>设置当元素内部发生分页时必须在页面底部保留的最少行数。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_print_page-break-after.asp" title="CSS page-break-after 属性">page-break-after</a></td>
<td>设置元素后的分页行为。</td>
<td>2</td>
</tr>
<tr>
<td class="no_wrap"><a href="/cssref/pr_print_page-break-before.asp" title="CSS page-break-before 属性">page-break-before</a></td>
<td>设置元素前的分页行为。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_print_page-break-inside.asp" title="CSS page-break-inside 属性">page-break-inside</a></td>
<td>设置元素内部的分页行为。</td>
<td>2</td>
</tr>
<tr>
<td>widows</td>
<td>设置当元素内部发生分页时必须在页面顶部保留的最少行数。</td>
<td>2</td>
</tr>
</tbody>
</table>
</div>
<div id="table">
<h2>CSS 表格属性（Table）</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_tab_border-collapse.asp" title="">border-collapse</a></td>
<td>规定是否合并表格边框。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_tab_border-spacing.asp" title="">border-spacing</a></td>
<td>规定相邻单元格边框之间的距离。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_tab_caption-side.asp" title="">caption-side</a></td>
<td>规定表格标题的位置。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_tab_empty-cells.asp" title="">empty-cells</a></td>
<td>规定是否显示表格中的空单元格上的边框和背景。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_tab_table-layout.asp" title="">table-layout</a></td>
<td>设置用于表格的布局算法。</td>
<td>2</td>
</tr>
</tbody>
</table>
</div>
<div id="text">
<h2>CSS 文本属性（Text）</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_text_color.asp">color</a></td>
<td>设置文本的颜色。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_text_direction.asp">direction</a></td>
<td>规定文本的方向 / 书写方向。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_text_letter-spacing.asp">letter-spacing</a></td>
<td>设置字符间距。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_dim_line-height.asp">line-height</a></td>
<td>设置行高。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_text_text-align.asp">text-align</a></td>
<td>规定文本的水平对齐方式。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_text_text-decoration.asp">text-decoration</a></td>
<td>规定添加到文本的装饰效果。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_text_text-indent.asp">text-indent</a></td>
<td>规定文本块首行的缩进。</td>
<td>1</td>
</tr>
<tr>
<td>text-shadow</td>
<td>规定添加到文本的阴影效果。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_text_text-transform.asp">text-transform</a></td>
<td>控制文本的大小写。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_unicode-bidi.asp">unicode-bidi</a></td>
<td>设置文本方向。</td>
<td>2</td>
</tr>
<tr>
<td><a href="/cssref/pr_text_white-space.asp">white-space</a></td>
<td>规定如何处理元素中的空白。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_text_word-spacing.asp">word-spacing</a></td>
<td>设置单词间距。</td>
<td>1</td>
</tr>
<tr>
<td><a href="/cssref/pr_hanging-punctuation.asp" title="CSS3 hanging-punctuation 属性">hanging-punctuation</a></td>
<td>规定标点字符是否位于线框之外。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_punctuation-trim.asp" title="CSS3 punctuation-trim 属性">punctuation-trim</a></td>
<td>规定是否对标点字符进行修剪。</td>
<td>3</td>
</tr>
<tr>
<td>text-align-last</td>
<td>设置如何对齐最后一行或紧挨着强制换行符之前的行。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_text-emphasis.asp" title="CSS3 text-emphasis 属性">text-emphasis</a></td>
<td>向元素的文本应用重点标记以及重点标记的前景色。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_text-justify.asp" title="CSS3 text-justify 属性">text-justify</a></td>
<td>规定当 text-align 设置为 "justify" 时所使用的对齐方法。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_text-outline.asp" title="CSS3 text-outline 属性">text-outline</a></td>
<td>规定文本的轮廓。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_text-overflow.asp" title="CSS3 text-overflow 属性">text-overflow</a></td>
<td>规定当文本溢出包含元素时发生的事情。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_text-shadow.asp" title="CSS3 text-shadow 属性">text-shadow</a></td>
<td>向文本添加阴影。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_text-wrap.asp" title="CSS3 text-wrap 属性">text-wrap</a></td>
<td>规定文本的换行规则。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_word-break.asp" title="CSS3 word-break 属性">word-break</a></td>
<td>规定非中日韩文本的换行规则。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_word-wrap.asp" title="CSS3 word-wrap 属性">word-wrap</a></td>
<td>允许对长的不可分割的单词进行分割并换行到下一行。</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
<div id="transform">
<h2>2D/3D 转换属性（Transform）</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_transform.asp" title="CSS3 transform 属性">transform</a></td>
<td>向元素应用 2D 或 3D 转换。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_transform-origin.asp" title="CSS3 transform-origin 属性">transform-origin</a></td>
<td>允许你改变被转换元素的位置。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_transform-style.asp" title="CSS3 transform-style 属性">transform-style</a></td>
<td>规定被嵌套元素如何在 3D 空间中显示。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_perspective.asp" title="CSS3 perspective 属性">perspective</a></td>
<td>规定 3D 元素的透视效果。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_perspective-origin.asp" title="CSS3 perspective-origin 属性">perspective-origin</a></td>
<td>规定 3D 元素的底部位置。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_backface-visibility.asp" title="CSS3 backface-visibility 属性">backface-visibility</a></td>
<td>定义元素在不面对屏幕时是否可见。</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
<div id="transition">
<h2>过渡属性（Transition）</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_transition.asp" title="CSS3 transition 属性">transition</a></td>
<td>简写属性，用于在一个属性中设置四个过渡属性。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_transition-property.asp" title="CSS3 transition-property 属性">transition-property</a></td>
<td>规定应用过渡的 CSS 属性的名称。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_transition-duration.asp" title="CSS3 transition-duration 属性">transition-duration</a></td>
<td>定义过渡效果花费的时间。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_transition-timing-function.asp" title="CSS3 transition-timing-function 属性">transition-timing-function</a></td>
<td>规定过渡效果的时间曲线。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_transition-delay.asp" title="CSS3 transition-delay 属性">transition-delay</a></td>
<td>规定过渡效果何时开始。</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
<div id="userinterface">
<h2>用户界面属性（User-interface）</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:30%;">属性</th>
<th style="width:65%;">描述</th>
<th style="width:5%;">CSS</th>
</tr>
<tr>
<td><a href="/cssref/pr_appearance.asp" title="CSS3 appearance 属性">appearance</a></td>
<td>允许您将元素设置为标准用户界面元素的外观</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_box-sizing.asp" title="CSS3 box-sizing 属性">box-sizing</a></td>
<td>允许您以确切的方式定义适应某个区域的具体内容。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_icon.asp" title="CSS3 icon 属性">icon</a></td>
<td>为创作者提供使用图标化等价物来设置元素样式的能力。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_nav-down.asp" title="CSS3 nav-down 属性">nav-down</a></td>
<td>规定在使用 arrow-down 导航键时向何处导航。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_nav-index.asp" title="CSS3 nav-index 属性">nav-index</a></td>
<td>设置元素的 tab 键控制次序。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_nav-left.asp" title="CSS3 nav-left 属性">nav-left</a></td>
<td>规定在使用 arrow-left 导航键时向何处导航。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_nav-right.asp" title="CSS3 nav-right 属性">nav-right</a></td>
<td>规定在使用 arrow-right 导航键时向何处导航。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_nav-up.asp" title="CSS3 nav-up 属性">nav-up</a></td>
<td>规定在使用 arrow-up 导航键时向何处导航。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_outline-offset.asp" title="CSS3 outline-offset 属性">outline-offset</a></td>
<td>对轮廓进行偏移，并在超出边框边缘的位置绘制轮廓。</td>
<td>3</td>
</tr>
<tr>
<td><a href="/cssref/pr_resize.asp" title="CSS3 resize 属性">resize</a></td>
<td>规定是否可由用户对元素的尺寸进行调整。</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
<!---->
<div>
<h2>尺寸</h2>
<table>
<tbody>
<tr>
<th style="width:22%;">单位</th>
<th>描述</th>
</tr>
<tr>
<td>%</td>
<td>百分比</td>
</tr>
<tr>
<td>in</td>
<td>英寸</td>
</tr>
<tr>
<td>cm</td>
<td>厘米</td>
</tr>
<tr>
<td>mm</td>
<td>毫米</td>
</tr>
<tr>
<td>em</td>
<td> <p>1em 等于当前的字体尺寸。</p> <p>2em 等于当前字体尺寸的两倍。</p> <p>例如，如果某元素以 12pt 显示，那么 2em 是24pt。</p> <p>在 CSS 中，em 是非常有用的单位，因为它可以自动适应用户所使用的字体。</p> </td>
</tr>
<tr>
<td>ex</td>
<td>一个 ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的一半。)</td>
</tr>
<tr>
<td>pt</td>
<td>磅 (1 pt 等于 1/72 英寸)</td>
</tr>
<tr>
<td>pc</td>
<td>12 点活字 (1 pc 等于 12 点)</td>
</tr>
<tr>
<td>px</td>
<td>像素 (计算机屏幕上的一个点)</td>
</tr>
</tbody>
</table>
</div>
<div>
<h2>颜色</h2>
<table class="dataintable">
<tbody>
<tr>
<th style="width:22%;">单位</th>
<th>描述</th>
</tr>
<tr>
<td>(颜色名)</td>
<td>颜色名称 (比如 red)</td>
</tr>
<tr>
<td>rgb(x,x,x)</td>
<td>RGB 值 (比如 rgb(255,0,0))</td>
</tr>
<tr>
<td>rgb(x%, x%, x%)</td>
<td>RGB 百分比值 (比如 rgb(100%,0%,0%))</td>
</tr>
<tr>
<td>#rrggbb</td>
<td>十六进制数 (比如 #ff0000)</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
248
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
