W3c html+css基础参考手册-2016-01参考

来源:互联网 发布:注册域名能赚钱吗 编辑:程序博客网 时间:2024/06/07 02:36

CSS3 选择器

在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。

"CSS" 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。)

选择器例子例子描述CSS.class.intro选择 class="intro" 的所有元素。1#id#firstname选择 id="firstname" 的所有元素。1**选择所有元素。2elementp选择所有 <p> 元素。1element,elementdiv,p选择所有 <div> 元素和所有 <p> 元素。1element elementdiv p选择 <div> 元素内部的所有 <p> 元素。1element>elementdiv>p选择父元素为 <div> 元素的所有 <p> 元素。2element+elementdiv+p选择紧接在 <div> 元素之后的所有 <p> 元素。2[attribute][target]选择带有 target 属性所有元素。2[attribute=value][target=_blank]选择 target="_blank" 的所有元素。2[attribute~=value][title~=flower]选择 title 属性包含单词 "flower" 的所有元素。2[attribute|=value][lang|=en]选择 lang 属性值以 "en" 开头的所有元素。2:linka:link选择所有未被访问的链接。1:visiteda:visited选择所有已被访问的链接。1:activea:active选择活动链接。1:hovera:hover选择鼠标指针位于其上的链接。1:focusinput:focus选择获得焦点的 input 元素。2:first-letterp:first-letter选择每个 <p> 元素的首字母。1:first-linep:first-line选择每个 <p> 元素的首行。1:first-childp:first-child选择属于父元素的第一个子元素的每个 <p> 元素。2:beforep:before在每个 <p> 元素的内容之前插入内容。2:afterp:after在每个 <p> 元素的内容之后插入内容。2:lang(language)p:lang(it)选择带有以 "it" 开头的 lang 属性值的每个 <p> 元素。2element1~element2p~ul选择前面有 <p> 元素的每个 <ul> 元素。3[attribute^=value]a[src^="https"]选择其 src 属性值以 "https" 开头的每个 <a> 元素。3[attribute$=value]a[src$=".pdf"]选择其 src 属性以 ".pdf" 结尾的所有 <a> 元素。3[attribute*=value]a[src*="abc"]选择其 src 属性中包含 "abc" 子串的每个 <a> 元素。3:first-of-typep:first-of-type选择属于其父元素的首个 <p> 元素的每个 <p> 元素。3:last-of-typep:last-of-type选择属于其父元素的最后 <p> 元素的每个 <p> 元素。3:only-of-typep:only-of-type选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。3:only-childp:only-child选择属于其父元素的唯一子元素的每个 <p> 元素。3:nth-child(n)p:nth-child(2)选择属于其父元素的第二个子元素的每个 <p> 元素。3:nth-last-child(n)p:nth-last-child(2)同上,从最后一个子元素开始计数。3:nth-of-type(n)p:nth-of-type(2)选择属于其父元素第二个 <p> 元素的每个 <p> 元素。3:nth-last-of-type(n)p:nth-last-of-type(2)同上,但是从最后一个子元素开始计数。3:last-childp:last-child选择属于其父元素最后一个子元素每个 <p> 元素。3:root:root选择文档的根元素。3:emptyp:empty选择没有子元素的每个 <p> 元素(包括文本节点)。3:target#news:target选择当前活动的 #news 元素。3:enabledinput:enabled选择每个启用的 <input> 元素。3:disabledinput:disabled选择每个禁用的 <input> 元素3:checkedinput:checked选择每个被选中的 <input> 元素。3:not(selector):not(p)选择非 <p> 元素的每个元素。3::selection::selection选择被用户选取的元素部分。3


按功能类别排列

New : HTML5 中的新标签。

基础

标签描述<!DOCTYPE> 定义文档类型。<html>定义 HTML 文档。<title>定义文档的标题。<body>定义文档的主体。<h1> to <h6>定义 HTML 标题。<p>定义段落。<br>定义简单的折行。<hr>定义水平线。<!--...-->定义注释。

格式

标签描述<acronym>定义只取首字母的缩写。<abbr>定义缩写。<address>定义文档作者或拥有者的联系信息。<b>定义粗体文本。<bdi>定义文本的文本方向,使其脱离其周围文本的方向设置。<bdo>定义文字方向。<big>定义大号文本。<blockquote>定义长的引用。<center>不赞成使用。定义居中文本。<cite>定义引用(citation)。<code>定义计算机代码文本。<del>定义被删除文本。<dfn>定义定义项目。<em>定义强调文本。<font>不赞成使用。定义文本的字体、尺寸和颜色<i>定义斜体文本。<ins>定义被插入文本。<kbd>定义键盘文本。<mark>定义有记号的文本。<meter>定义预定义范围内的度量。<pre>定义预格式文本。<progress>定义任何类型的任务的进度。<q>定义短的引用。<rp>定义若浏览器不支持 ruby 元素显示的内容。<rt>定义 ruby 注释的解释。<ruby>定义 ruby 注释。<s>不赞成使用。定义加删除线的文本。<samp>定义计算机代码样本。<small>定义小号文本。<strike>不赞成使用。定义加删除线文本。<strong>定义语气更为强烈的强调文本。<sup>定义上标文本。<sub>定义下标文本。<time>定义日期/时间。<tt>定义打字机文本。<u>不赞成使用。定义下划线文本。<var>定义文本的变量部分。<wbr>定义视频。

表单

标签描述<form>定义供用户输入的 HTML 表单。<input>定义输入控件。<textarea>定义多行的文本输入控件。<button>定义按钮。<select>定义选择列表(下拉列表)。<optgroup>定义选择列表中相关选项的组合。<option>定义选择列表中的选项。<label>定义 input 元素的标注。<fieldset>定义围绕表单中元素的边框。<legend>定义 fieldset 元素的标题。<isindex>不赞成使用。定义与文档相关的可搜索索引。<datalist>定义下拉列表。<keygen>定义生成密钥。<output>定义输出的一些类型。

框架

标签描述<frame>定义框架集的窗口或框架。<frameset>定义框架集。<noframes>定义针对不支持框架的用户的替代内容。<iframe>定义内联框架。

图像

标签描述<img>定义图像。<map>定义图像映射。<area>定义图像地图内部的区域。<canvas>定义图形。<figcaption>定义 figure 元素的标题。<figure>定义媒介内容的分组,以及它们的标题。

音频/视频

标签描述<audio>定义声音内容。<source>定义媒介源。<track>定义用在媒体播放器中的文本轨道。<video>定义视频。

链接

标签描述<a>定义锚。<link>定义文档与外部资源的关系。<nav>定义导航链接。

列表

标签描述<ul>定义无序列表。<ol>定义有序列表。<li>定义列表的项目。<dir>不赞成使用。定义目录列表。<dl>定义定义列表。<dt>定义定义列表中的项目。<dd>定义定义列表中项目的描述。<menu>定义命令的菜单/列表。<menuitem>定义用户可以从弹出菜单调用的命令/菜单项目。<command>定义命令按钮。

表格

标签描述<table>定义表格<caption>定义表格标题。<th>定义表格中的表头单元格。<tr>定义表格中的行。<td>定义表格中的单元。<thead>定义表格中的表头内容。<tbody>定义表格中的主体内容。<tfoot>定义表格中的表注内容(脚注)。<col>定义表格中一个或多个列的属性值。<colgroup>定义表格中供格式化的列组。

样式/节

标签描述<style>定义文档的样式信息。<div>定义文档中的节。<span>定义文档中的节。<header>定义 section 或 page 的页眉。<footer>定义 section 或 page 的页脚。<section>定义 section。<article>定义文章。<aside>定义页面内容之外的内容。<details>定义元素的细节。<dialog>定义对话框或窗口。<summary>为 <details> 元素定义可见的标题。

元信息

标签描述<head>定义关于文档的信息。<meta>定义关于 HTML 文档的元信息。<base>定义页面中所有链接的默认地址或默认目标。<basefont>不赞成使用。定义页面中文本的默认字体、颜色或尺寸。

编程

标签描述<script>定义客户端脚本。<noscript>定义针对不支持客户端脚本的用户的替代内容。<applet>不赞成使用。定义嵌入的 applet。<embed>为外部应用程序(非 HTML)定义容器。<object>定义嵌入的对象。<param>定义对象的参数。

CSS3 动画属性(Animation)

属性描述CSS@keyframes规定动画。3animation所有动画属性的简写属性,除了 animation-play-state 属性。3animation-name规定 @keyframes 动画的名称。3animation-duration规定动画完成一个周期所花费的秒或毫秒。3animation-timing-function规定动画的速度曲线。3animation-delay规定动画何时开始。3animation-iteration-count规定动画被播放的次数。3animation-direction规定动画是否在下一周期逆向地播放。3animation-play-state规定动画是否正在运行或暂停。3animation-fill-mode规定对象动画时间之外的状态。3

CSS 背景属性(Background)

属性描述CSSbackground在一个声明中设置所有的背景属性。1background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。1background-color设置元素的背景颜色。1background-image设置元素的背景图像。1background-position设置背景图像的开始位置。1background-repeat设置是否及如何重复背景图像。1background-clip规定背景的绘制区域。3background-origin规定背景图片的定位区域。3background-size规定背景图片的尺寸。3

CSS 边框属性(Border 和 Outline)

属性描述CSSborder在一个声明中设置所有的边框属性。1border-bottom在一个声明中设置所有的下边框属性。1border-bottom-color设置下边框的颜色。2border-bottom-style设置下边框的样式。2border-bottom-width设置下边框的宽度。1border-color设置四条边框的颜色。1border-left在一个声明中设置所有的左边框属性。1border-left-color设置左边框的颜色。2border-left-style设置左边框的样式。2border-left-width设置左边框的宽度。1border-right在一个声明中设置所有的右边框属性。1border-right-color设置右边框的颜色。2border-right-style设置右边框的样式。2border-right-width设置右边框的宽度。1border-style设置四条边框的样式。1border-top在一个声明中设置所有的上边框属性。1border-top-color设置上边框的颜色。2border-top-style设置上边框的样式。2border-top-width设置上边框的宽度。1border-width设置四条边框的宽度。1outline在一个声明中设置所有的轮廓属性。2outline-color设置轮廓的颜色。2outline-style设置轮廓的样式。2outline-width设置轮廓的宽度。2border-bottom-left-radius定义边框左下角的形状。3border-bottom-right-radius定义边框右下角的形状。3border-image简写属性,设置所有 border-image-* 属性。3border-image-outset规定边框图像区域超出边框的量。3border-image-repeat图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。3border-image-slice规定图像边框的向内偏移。3border-image-source规定用作边框的图片。3border-image-width规定图片边框的宽度。3border-radius简写属性,设置所有四个 border-*-radius 属性。3border-top-left-radius定义边框左上角的形状。3border-top-right-radius定义边框右下角的形状。3box-decoration-break 3box-shadow向方框添加一个或多个阴影。3

Box 属性

属性描述CSSoverflow-x如果内容溢出了元素内容区域,是否对内容的左/右边缘进行裁剪。3overflow-y如果内容溢出了元素内容区域,是否对内容的上/下边缘进行裁剪。3overflow-style规定溢出元素的首选滚动方法。3rotation围绕由 rotation-point 属性定义的点对元素进行旋转。3rotation-point定义距离上左边框边缘的偏移点。3

Color 属性

属性描述CSScolor-profile允许使用源的颜色配置文件的默认以外的规范。3opacity规定书签的级别。3rendering-intent允许使用颜色配置文件渲染意图的默认以外的规范。3

Content for Paged Media 属性

属性描述CSSbookmark-label规定书签的标记。3bookmark-level规定书签的级别。3bookmark-target规定书签链接的目标。3float-offset将元素放在 float 属性通常放置的位置的相反方向。3hyphenate-after规定连字单词中连字符之后的最小字符数。3hyphenate-before规定连字单词中连字符之前的最小字符数。3hyphenate-character规定当发生断字时显示的字符串。3hyphenate-lines指示元素中连续断字连线的最大数。3hyphenate-resource规定帮助浏览器确定断字点的外部资源(逗号分隔的列表)。3hyphens设置如何对单词进行拆分,以改善段落的布局。3image-resolution规定图像的正确分辨率。3marks向文档添加裁切标记或十字标记。3string-set 3

CSS 尺寸属性(Dimension)

属性描述CSSheight设置元素高度。1max-height设置元素的最大高度。2max-width设置元素的最大宽度。2min-height设置元素的最小高度。2min-width设置元素的最小宽度。2width设置元素的宽度。1

可伸缩框属性(Flexible Box)

属性描述CSSbox-align规定如何对齐框的子元素。3box-direction规定框的子元素的显示方向。3box-flex规定框的子元素是否可伸缩。3box-flex-group将可伸缩元素分配到柔性分组。3box-lines规定当超出父元素框的空间时,是否换行显示。3box-ordinal-group规定框的子元素的显示次序。3box-orient规定框的子元素是否应水平或垂直排列。3box-pack规定水平框中的水平位置或者垂直框中的垂直位置。3

CSS 字体属性(Font)

属性描述CSSfont在一个声明中设置所有字体属性。1font-family规定文本的字体系列。1font-size规定文本的字体尺寸。1font-size-adjust为元素规定 aspect 值。2font-stretch收缩或拉伸当前的字体系列。2font-style规定文本的字体样式。1font-variant规定是否以小型大写字母的字体显示文本。1font-weight规定字体的粗细。1

内容生成(Generated Content)

属性描述CSScontent与 :before 以及 :after 伪元素配合使用,来插入生成内容。2counter-increment递增或递减一个或多个计数器。2counter-reset创建或重置一个或多个计数器。2quotes设置嵌套引用的引号类型。2crop允许被替换元素仅仅是对象的矩形区域,而不是整个对象。3move-to从流中删除元素,然后在文档中后面的点上重新插入。3page-policy确定元素基于页面的 occurrence 应用于计数器还是字符串值。3

Grid 属性

属性描述CSSgrid-columns规定网格中每个列的宽度。3grid-rows规定网格中每个列的高度。3

CSS 列表属性(List)

属性描述CSSlist-style在一个声明中设置所有的列表属性。1list-style-image将图象设置为列表项标记。1list-style-position设置列表项标记的放置位置。1list-style-type设置列表项标记的类型。1marker-offset 2

CSS 外边距属性(Margin)

属性描述CSSmargin在一个声明中设置所有外边距属性。1margin-bottom设置元素的下外边距。1margin-left设置元素的左外边距。1margin-right设置元素的右外边距。1margin-top设置元素的上外边距。1

Marquee 属性

属性描述CSSmarquee-direction设置移动内容的方向。3marquee-play-count设置内容移动多少次。3marquee-speed设置内容滚动得多快。3marquee-style设置移动内容的样式。3

多列属性(Multi-column)

属性描述CSScolumn-count规定元素应该被分隔的列数。3column-fill规定如何填充列。3column-gap规定列之间的间隔。3column-rule设置所有 column-rule-* 属性的简写属性。3column-rule-color规定列之间规则的颜色。3column-rule-style规定列之间规则的样式。3column-rule-width规定列之间规则的宽度。3column-span规定元素应该横跨的列数。3column-width规定列的宽度。3columns规定设置 column-width 和 column-count 的简写属性。3

CSS 内边距属性(Padding)

属性描述CSSpadding在一个声明中设置所有内边距属性。1padding-bottom设置元素的下内边距。1padding-left设置元素的左内边距。1padding-right设置元素的右内边距。1padding-top设置元素的上内边距。1

Paged Media 属性

属性描述CSSfit示意如何对width和height属性均不是auto的被替换元素进行缩放。3fit-position定义盒内对象的对齐方式。3image-orientation规定用户代理应用于图像的顺时针方向旋转。3page规定元素应该被显示的页面特定类型。3size规定页面内容包含框的尺寸和方向。3

CSS 定位属性(Positioning)

属性描述CSSbottom设置定位元素下外边距边界与其包含块下边界之间的偏移。2clear规定元素的哪一侧不允许其他浮动元素。1clip剪裁绝对定位元素。2cursor规定要显示的光标的类型(形状)。2display规定元素应该生成的框的类型。1float规定框是否应该浮动。1left设置定位元素左外边距边界与其包含块左边界之间的偏移。2overflow规定当内容溢出元素框时发生的事情。2position规定元素的定位类型。2right设置定位元素右外边距边界与其包含块右边界之间的偏移。2top设置定位元素的上外边距边界与其包含块上边界之间的偏移。2vertical-align设置元素的垂直对齐方式。1visibility规定元素是否可见。2z-index设置元素的堆叠顺序。2

CSS 打印属性(Print)

属性描述CSSorphans设置当元素内部发生分页时必须在页面底部保留的最少行数。2page-break-after设置元素后的分页行为。2page-break-before设置元素前的分页行为。2page-break-inside设置元素内部的分页行为。2widows设置当元素内部发生分页时必须在页面顶部保留的最少行数。2

CSS 表格属性(Table)

属性描述CSSborder-collapse规定是否合并表格边框。2border-spacing规定相邻单元格边框之间的距离。2caption-side规定表格标题的位置。2empty-cells规定是否显示表格中的空单元格上的边框和背景。2table-layout设置用于表格的布局算法。2

CSS 文本属性(Text)

属性描述CSScolor设置文本的颜色。1direction规定文本的方向 / 书写方向。2letter-spacing设置字符间距。1line-height设置行高。1text-align规定文本的水平对齐方式。1text-decoration规定添加到文本的装饰效果。1text-indent规定文本块首行的缩进。1text-shadow规定添加到文本的阴影效果。2text-transform控制文本的大小写。1unicode-bidi设置文本方向。2white-space规定如何处理元素中的空白。1word-spacing设置单词间距。1hanging-punctuation规定标点字符是否位于线框之外。3punctuation-trim规定是否对标点字符进行修剪。3text-align-last设置如何对齐最后一行或紧挨着强制换行符之前的行。3text-emphasis向元素的文本应用重点标记以及重点标记的前景色。3text-justify规定当 text-align 设置为 "justify" 时所使用的对齐方法。3text-outline规定文本的轮廓。3text-overflow规定当文本溢出包含元素时发生的事情。3text-shadow向文本添加阴影。3text-wrap规定文本的换行规则。3word-break规定非中日韩文本的换行规则。3word-wrap允许对长的不可分割的单词进行分割并换行到下一行。3

2D/3D 转换属性(Transform)

属性描述CSStransform向元素应用 2D 或 3D 转换。3transform-origin允许你改变被转换元素的位置。3transform-style规定被嵌套元素如何在 3D 空间中显示。3perspective规定 3D 元素的透视效果。3perspective-origin规定 3D 元素的底部位置。3backface-visibility定义元素在不面对屏幕时是否可见。3

过渡属性(Transition)

属性描述CSStransition简写属性,用于在一个属性中设置四个过渡属性。3transition-property规定应用过渡的 CSS 属性的名称。3transition-duration定义过渡效果花费的时间。3transition-timing-function规定过渡效果的时间曲线。3transition-delay规定过渡效果何时开始。3

用户界面属性(User-interface)

属性描述CSSappearance允许您将元素设置为标准用户界面元素的外观3box-sizing允许您以确切的方式定义适应某个区域的具体内容。3icon为创作者提供使用图标化等价物来设置元素样式的能力。3nav-down规定在使用 arrow-down 导航键时向何处导航。3nav-index设置元素的 tab 键控制次序。3nav-left规定在使用 arrow-left 导航键时向何处导航。3nav-right规定在使用 arrow-right 导航键时向何处导航。3nav-up规定在使用 arrow-up 导航键时向何处导航。3outline-offset对轮廓进行偏移,并在超出边框边缘的位置绘制轮廓。3resize规定是否可由用户对元素的尺寸进行调整。3

Serif 字体

font-family示例文本Georgia, serif

This is a heading

This is a paragraph

'Palatino Linotype', 'Book Antiqua', Palatino, serif

This is a heading

This is a paragraph

'Times New Roman', Times, serif

This is a heading

This is a paragraph

Sans-Serif 字体

font-family示例文本Arial, Helvetica, sans-serif

This is a heading

This is a paragraph

'Arial Black', Gadget, sans-serif

This is a heading

This is a paragraph

'Comic Sans MS', cursive, sans-serif

This is a heading

This is a paragraph

Impact, Charcoal, sans-serif

This is a heading

This is a paragraph

'Lucida Sans Unicode', 'Lucida Grande', sans-serif

This is a heading

This is a paragraph

Tahoma, Geneva, sans-serif

This is a heading

This is a paragraph

'Trebuchet MS', Helvetica, sans-serif

This is a heading

This is a paragraph

Verdana, Geneva, sans-serif

This is a heading

This is a paragraph

Monospace 字体

font-family示例文本'Courier New', Courier, monospace

This is a heading

This is a paragraph

'Lucida Console', Monaco, monospace

This is a heading

This is a paragraph

根据十六进制值排序

所有浏览器都支持的颜色名

根据颜色名排序的相同列表

颜色名十六进制颜色值颜色Black#000000 Navy#000080 DarkBlue#00008B MediumBlue#0000CD Blue#0000FF DarkGreen#006400 Green#008000 Teal#008080 DarkCyan#008B8B DeepSkyBlue#00BFFF DarkTurquoise#00CED1 MediumSpringGreen#00FA9A Lime#00FF00 SpringGreen#00FF7F Aqua#00FFFF Cyan#00FFFF MidnightBlue#191970 DodgerBlue#1E90FF LightSeaGreen#20B2AA ForestGreen#228B22 SeaGreen#2E8B57 DarkSlateGray#2F4F4F LimeGreen#32CD32 MediumSeaGreen#3CB371 Turquoise#40E0D0 RoyalBlue#4169E1 SteelBlue#4682B4 DarkSlateBlue#483D8B MediumTurquoise#48D1CC Indigo#4B0082 DarkOliveGreen#556B2F CadetBlue#5F9EA0 CornflowerBlue#6495ED MediumAquaMarine#66CDAA DimGray#696969 DimGrey#696969 SlateBlue#6A5ACD OliveDrab#6B8E23 SlateGray#708090 LightSlateGray#778899 MediumSlateBlue#7B68EE LawnGreen#7CFC00 Chartreuse#7FFF00 Aquamarine#7FFFD4 Maroon#800000 Purple#800080 Olive#808000 Gray#808080 SkyBlue#87CEEB LightSkyBlue#87CEFA BlueViolet#8A2BE2 DarkRed#8B0000 DarkMagenta#8B008B SaddleBrown#8B4513 DarkSeaGreen#8FBC8F LightGreen#90EE90 MediumPurple#9370DB DarkViolet#9400D3 PaleGreen#98FB98 DarkOrchid#9932CC YellowGreen#9ACD32 Sienna#A0522D Brown#A52A2A DarkGray#A9A9A9 LightBlue#ADD8E6 GreenYellow#ADFF2F PaleTurquoise#AFEEEE LightSteelBlue#B0C4DE PowderBlue#B0E0E6 FireBrick#B22222 DarkGoldenRod#B8860B MediumOrchid#BA55D3 RosyBrown#BC8F8F DarkKhaki#BDB76B Silver#C0C0C0 MediumVioletRed#C71585 IndianRed#CD5C5C Peru#CD853F Chocolate#D2691E Tan#D2B48C LightGray#D3D3D3 Thistle#D8BFD8 Orchid#DA70D6 GoldenRod#DAA520 PaleVioletRed#DB7093 Crimson#DC143C Gainsboro#DCDCDC Plum#DDA0DD BurlyWood#DEB887 LightCyan#E0FFFF Lavender#E6E6FA DarkSalmon#E9967A Violet#EE82EE PaleGoldenRod#EEE8AA LightCoral#F08080 Khaki#F0E68C AliceBlue#F0F8FF HoneyDew#F0FFF0 Azure#F0FFFF SandyBrown#F4A460 Wheat#F5DEB3 Beige#F5F5DC WhiteSmoke#F5F5F5 MintCream#F5FFFA GhostWhite#F8F8FF Salmon#FA8072 AntiqueWhite#FAEBD7 Linen#FAF0E6 LightGoldenRodYellow#FAFAD2 OldLace#FDF5E6 Red#FF0000 Fuchsia#FF00FF Magenta#FF00FF DeepPink#FF1493 OrangeRed#FF4500 Tomato#FF6347 HotPink#FF69B4 Coral#FF7F50 Darkorange#FF8C00 LightSalmon#FFA07A Orange#FFA500 LightPink#FFB6C1 Pink#FFC0CB Gold#FFD700 PeachPuff#FFDAB9 NavajoWhite#FFDEAD Moccasin#FFE4B5 Bisque#FFE4C4 MistyRose#FFE4E1 BlanchedAlmond#FFEBCD PapayaWhip#FFEFD5 LavenderBlush#FFF0F5 SeaShell#FFF5EE Cornsilk#FFF8DC LemonChiffon#FFFACD FloralWhite#FFFAF0 Snow#FFFAFA Yellow#FFFF00 LightYellow#FFFFE0 Ivory#FFFFF0 White#FFFFFF 

尺寸

单位描述%百分比in英寸cm厘米mm毫米em

1em 等于当前的字体尺寸。

2em 等于当前字体尺寸的两倍。

例如,如果某元素以 12pt 显示,那么 2em 是24pt。

在 CSS 中,em 是非常有用的单位,因为它可以自动适应用户所使用的字体。

ex一个 ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的一半。)pt磅 (1 pt 等于 1/72 英寸)pc12 点活字 (1 pc 等于 12 点)px像素 (计算机屏幕上的一个点)

颜色

单位描述(颜色名)颜色名称 (比如 red)rgb(x,x,x)RGB 值 (比如 rgb(255,0,0))rgb(x%, x%, x%)RGB 百分比值 (比如 rgb(100%,0%,0%))#rrggbb十六进制数 (比如 #ff0000)

CSS2 听觉参考

W3C : "W3C" 列的数字显示出属性由哪个 CSS 标准定义(CSS1 还是 CSS2)。

属性描述值W3CazimuthSets where the sound/voices should come from (horizontally)
  • angle
  • left-side
  • far-left
  • left
  • center-left
  • center
  • center-right
  • right
  • far-right
  • right-side
  • behind
  • leftwards
  • rightwards
2cueA shorthand property for setting the cue-before and cue-after properties in one declaration
  • cue-before
  • cue-after
2cue-afterSpecifies a sound to be played after speaking an element's content to delimit it from other
  • none
  • url
2cue-beforeSpecifies a sound to be played before speaking an element's content to delimit it from other
  • none
  • url
2elevationSets where the sound/voices should come from (vertically)
  • angle
  • below
  • level
  • above
  • higher
  • lower 
2pauseA shorthand property for setting the pause-before and pause-after properties in one declaration
  • pause-before
  • pause-after
2pause-afterSpecifies a pause after speaking an element's content
  • time
  • %
2pause-beforeSpecifies a pause before speaking an element's content
  • time
  • %
2pitchSpecifies the speaking voice
  • frequency
  • x-low
  • low
  • medium
  • high
  • x-high 
2pitch-rangeSpecifies the variation in the speaking voice. (Monotone voice or animated voice?)
  • number
2play-duringSpecifies a sound to be played while speaking an element's content
  • auto
  • none
  • url
  • mix
  • repeat
2richnessSpecifies the richness in the speaking voice. (Rich voice or thin voice?)
  • number
2speakSpecifies whether content will render aurally
  • normal
  • none
  • spell-out
2speak-headerSpecifies how to handle table headers. Should the headers be spoken before every cell, or only before a cell with a different header than the previous cell
  • always
  • once
2speak-numeralSpecifies how to speak numbers
  • digits
  • continuous
2speak-punctuationSpecifies how to speak punctuation characters
  • none
  • code
2speech-rateSpecifies the speed of the speaking
  • number
  • x-slow
  • slow
  • medium
  • fast
  • x-fast
  • faster
  • slower 
2stressSpecifies the "stress" in the speaking voice
  • number
2voice-familyA prioritized list of voice family names that contain specific voices
  • specific-voice
  • generic-voice
2volumeSpecifies the volume of the speaking
  • number
  • %
  • silent
  • x-soft
  • soft
  • medium
  • loud
  • x-loud 
2
0 0
原创粉丝点击
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 晚上睡觉容易惊醒怎么办 每天早上被吵醒怎么办 孩子好动不爱学习怎么办 自习课不写作业怎么办 不爱学习的小孩怎么办 一年级小孩不爱学习怎么办 小孩不听话不爱学习怎么办 父母犯错我们该怎么办 孩子学习不爱动脑筋怎么办 孩子考试太马虎怎么办 小孩做作业马虎怎么办 同学抄我作业怎么办 别人抄我答案怎么办 学生考试前紧张怎么办 科目一考试紧张怎么办 1年级不认真学习怎么办 学生考试时紧张怎么办 小朋友不写作业怎么办 面对作业多应该怎么办 小学学生作业多怎么办 二年级学生马虎怎么办 孩子做数学题粗心怎么办 小孩拉的屎很粗怎么办 生地会考没及格怎么办 小孩大便特别粗怎么办 孩子拉屎太粗怎么办 地生考d怎么办 突然考的很差怎么办 犯同样的错误怎么办 考研考砸了怎么办 好学生九宫格怎么办 考试时有不会题怎么办 孩子是个滚刀肉怎么办 初中审题不认真怎么办 孩子出错率高怎么办 一年级小孩不认真怎么办 旅游时孩子走失怎么办 小孩抄作业怎么办啊 鼻塞流涕老不好怎么办 二年级学生贪玩怎么办 一年级孩子做题不认真怎么办