资源描述
Web安全色
数年以前,当大多数计算机仅支持 256 种颜色的时候,一系列 216 种 Web 安全色作为 Web 标准被建议使用。其中的原因是,微软和 Mac 操作系统使用了 40 种不同的保留的固定系统颜色(双方大约各使用 20 种)。
我们不确定如今这么做的意义有多大,因为越来越多的计算机有能力处理数百万种颜色,不过做选择还是你自己。
216 跨平台色
最初,216 跨平台 web 安全色被用来确保:当计算机使用 256 色调色板时,所有的计算机能够正确地显示所有的颜色。
000000
000033
000066
000099
0000CC
0000FF
003300
003333
003366
003399
0033CC
0033FF
006600
006633
006666
006699
0066CC
0066FF
009900
009933
009966
009999
0099CC
0099FF
00CC00
00CC33
00CC66
00CC99
00CCCC
00CCFF
00FF00
00FF33
00FF66
00FF99
00FFCC
00FFFF
330000
330033
330066
330099
3300CC
3300FF
333300
333333
333366
333399
3333CC
3333FF
336600
336633
336666
336699
3366CC
3366FF
339900
339933
339966
339999
3399CC
3399FF
33CC00
33CC33
33CC66
33CC99
33CCCC
33CCFF
33FF00
33FF33
33FF66
33FF99
33FFCC
33FFFF
660000
660033
660066
660099
6600CC
6600FF
663300
663333
663366
663399
6633CC
6633FF
666600
666633
666666
666699
6666CC
6666FF
669900
669933
669966
669999
6699CC
6699FF
66CC00
66CC33
66CC66
66CC99
66CCCC
66CCFF
66FF00
66FF33
66FF66
66FF99
66FFCC
66FFFF
990000
990033
990066
990099
9900CC
9900FF
993300
993333
993366
993399
9933CC
9933FF
996600
996633
996666
996699
9966CC
9966FF
999900
999933
999966
999999
9999CC
9999FF
99CC00
99CC33
99CC66
99CC99
99CCCC
99CCFF
99FF00
99FF33
99FF66
99FF99
99FFCC
99FFFF
CC0000
CC0033
CC0066
CC0099
CC00CC
CC00FF
CC3300
CC3333
CC3366
CC3399
CC33CC
CC33FF
CC6600
CC6633
CC6666
CC6699
CC66CC
CC66FF
CC9900
CC9933
CC9966
CC9999
CC99CC
CC99FF
CCCC00
CCCC33
CCCC66
CCCC99
CCCCCC
CCCCFF
CCFF00
CCFF33
CCFF66
CCFF99
CCFFCC
CCFFFF
FF0000
FF0033
FF0066
FF0099
FF00CC
FF00FF
FF3300
FF3333
FF3366
FF3399
FF33CC
FF33FF
FF6600
FF6633
FF6666
FF6699
FF66CC
FF66FF
FF9900
FF9933
FF9966
FF9999
FF99CC
FF99FF
FFCC00
FFCC33
FFCC66
FFCC99
FFCCCC
FFCCFF
FFFF00
FFFF33
FFFF66
FFFF99
FFFFCC
FFFFFF
标签
描述
4
5
<!--...-->
定义注释。
4
5
<!DOCTYPE>
定义文档类型。
4
5
<a>
定义超链接。
4
5
<abbr>
定义缩写。
4
5
<acronym>
不支持。定义首字母缩写。
4
<address>
定义地址元素。
4
5
<applet>
不支持。定义 applet。
4
<area>
定义图像映射中的区域。
4
5
<article>
定义 article。
5
<aside>
定义页面内容之外的内容。
5
<audio>
定义声音内容。
5
<b>
定义粗体文本。
4
5
<base>
定义页面中所有链接的基准 URL。
4
5
<basefont>
不支持。请使用 CSS 代替。
4
<bdo>
定义文本显示的方向。
4
5
<big>
不支持。定义大号文本。
4
<blockquote>
定义长的引用。
4
5
<body>
定义 body 元素。
4
5
<br>
插入换行符。
4
5
<button>
定义按钮。
4
5
<canvas>
定义图形。
5
<caption>
定义表格标题。
4
5
<center>
不支持。定义居中的文本。
4
<cite>
定义引用。
4
5
<code>
定义计算机代码文本。
4
5
<col>
定义表格列的属性。
4
5
<colgroup>
定义表格列的分组。
4
5
<command>
定义命令按钮。
5
<datagrid>
定义树列表 (tree-list) 中的数据。
5
<datalist>
定义下拉列表。
5
<datatemplate>
定义数据模板。
5
<dd>
定义定义的描述。
4
5
<del>
定义删除文本。
4
5
<details>
定义元素的细节。
5
<dialog>
定义对话(会话)。
5
<dir>
不支持。定义目录列表。
4
<div>
定义文档中的一个部分。
4
5
<dfn>
定义定义项目。
4
5
<dl>
定义定义列表。
4
5
<dt>
定义定义的项目。
4
5
<em>
定义强调文本。
4
5
<embed>
定义外部交互内容或插件。
5
<event-source>
为服务器发送的事件定义目标。
5
<fieldset>
定义 fieldset。
4
5
<figure>
定义媒介内容的分组,以及它们的标题。
5
<font>
不赞成。定义文本的字体、尺寸和颜色。
4
<footer>
定义 section 或 page 的页脚。
5
<form>
定义表单。
4
5
<frame>
不支持。定义子窗口(框架)。
4
<frameset>
不支持。定义框架的集。
4
<h1> to <h6>
定义标题 1 到标题 6。
4
5
<head>
定义关于文档的信息。
4
5
<header>
定义 section 或 page 的页眉。
5
<hr>
定义水平线。
4
5
<html>
定义 html 文档。
4
5
<i>
定义斜体文本。
4
5
<iframe>
定义行内的子窗口(框架)。
4
5
<img>
定义图像。
4
5
<input>
定义输入域。
4
5
<ins>
定义插入文本。
4
5
<isindex>
不支持。定义单行的输入域。
4
<kbd>
定义键盘文本。
4
5
<label>
定义表单控件的标注。
4
5
<legend>
定义 fieldset 中的标题。
4
5
<li>
定义列表的项目。
4
5
<link>
定义资源引用。
4
5
<m>
定义有记号的文本。
5
<map>
定义图像映射。
4
5
<menu>
定义菜单列表。
4
5
<meta>
定义元信息。
4
5
<meter>
定义预定义范围内的度量。
5
<nav>
定义导航链接。
5
<nest>
定义数据模板中的嵌套点。
5
<noframes>
不支持。定义 noframe 部分。
4
<noscript>
不支持。定义 noscript 部分。
4
<object>
定义嵌入对象。
4
5
<ol>
定义有序列表。
4
5
<optgroup>
定义选项组。
4
5
<option>
定义下拉列表中的选项。
4
5
<output>
定义输出的一些类型。
5
<p>
定义段落。
4
5
<param>
为对象定义参数。
4
5
<pre>
定义预格式化文本。
4
5
<progress>
定义任何类型的任务的进度。
5
<q>
定义短的引用。
4
5
<rule>
为升级模板定义规则。
5
<s>
不支持。定义加删除线的文本。
4
<samp>
定义样本计算机代码。
4
5
<script>
定义脚本。
4
5
<section>
定义 section。
5
<select>
定义可选列表。
4
5
<small>
不支持。定义小号文本。
4
5
<source>
定义媒介源。
5
<span>
定义文档中的 section。
4
5
<strike>
不支持。定义加删除线的文本。
4
<strong>
定义强调文本。
4
5
<style>
定义样式定义。
4
5
<sub>
定义上标文本。
4
5
<sup>
定义下标文本。
4
5
<table>
定义表格。
4
5
<tbody>
定义表格的主体。
4
5
<td>
定义表格单元。
4
5
<textarea>
定义 textarea。
4
5
<tfoot>
定义表格的脚注。
4
5
<th>
定义表头。
4
5
<thead>
定义表头。
4
5
<time>
定义日期/时间。
5
<title>
定义文档的标题。
4
5
<tr>
定义表格行。
4
5
<tt>
不支持。定义打字机文本。
4
<u>
不支持。定义下划线文本。
4
<ul>
定义无序列表。
4
5
<var>
定义变量。
4
5
<video>
定义视频。
5
<xmp>
不支持。定义预格式文本。
4
5
核心属性
属性
值
描述
4
5
acceskey
a character
设置访问一个元素的键盘快捷键。不支持。
4
class
class_rule or style_rule
元素的类名。
4
5
contenteditable
true
false
设置是否允许用户编辑元素。
5
contentextmenu
id of a menu element
给元素设置一个上下文菜单。
5
dir
ltr
rtl
设置文本方向。
4
5
draggable
true
false
auto
设置是否允许用户拖动元素。
5
id
id_name
元素的唯一 id。
4
5
irrelevant
true
false
设置元素是否相关。不显示非相关的元素。
5
lang
language_code
设置语言码。
4
5
ref
url or elementID
引用另一个文档或本文档上另一个位置。仅在 template 属性设置时使用。
5
registrationmark
registration mark
为元素设置拍照。可规定于任何 <rule> 元素的后代元素,除了 <nest> 元素。
5
style
style_definition
行内的样式定义。
4
5
tabindex
number
设置元素的 tab 顺序。
4
5
template
url or elementID
引用应该应用到该元素的另一个文档或本文档上另一个位置。
5
title
tooltip_text
显示在工具提示中的文本。
4
5
按功能类别排列
DTD:指示在哪种 XHTML 1.0 DTD 中允许该标签。S=Strict, T=Transitional, F=Frameset.
标签
描述
DTD
<!DOCTYPE>
定义文档类型。
STF
<html>
定义 HTML 文档。
STF
<body>
定义文档的主体。
STF
<h1> to <h6>
定义 HTML 标题。
STF
<p>
定义段落。
STF
<br>
定义简单的折行。
STF
<hr>
定义水平线。
STF
<!--...-->
定义注释。
STF
标签
描述
DTD
<b>
定义粗体文本。
STF
<font>
不赞成使用。定义文本的字体、尺寸和颜色
TF
<i>
定义斜体文本。
STF
<em>
定义强调文本。
STF
<big>
定义大号文本。
STF
<strong>
定义语气更为强烈的强调文本。
STF
<small>
定义小号文本。
STF
<sup>
定义上标文本。
STF
<sub>
定义下标文本。
STF
<bdo>
定义文本的方向。
STF
<u>
不赞成使用。定义下划线文本。
TF
标签
描述
DTD
<pre>
定义预格式文本
STF
<code>
定义计算机代码文本。
STF
<tt>
定义打字机文本。
STF
<kbd>
定义键盘文本。
STF
<var>
定义文本的变量部分。
STF
<dfn>
定义定义项目。
STF
<samp>
定义计算机代码样本。
STF
<xmp>
不赞成使用。定义预格式文本。
标签
描述
DTD
<acronym>
定义只取首字母的缩写。
STF
<abbr>
定义缩写。
STF
<address>
定义文档作者或拥有者的联系信息。
STF
<blockquote>
定义块引用。
STF
<center>
不赞成使用。定义居中文本。
TF
<q>
定义短的引用。
STF
<cite>
定义引用(citation)。
STF
<ins>
定义被插入文本。
STF
<del>
定义被删除文本。
STF
<s>
不赞成使用。定义加删除线的文本。
TF
<strike>
不赞成使用。定义加删除线的文本。
TF
标签
描述
DTD
<a>
定义锚。
STF
<link>
定义文档与外部资源的关系。
STF
标签
描述
DTD
<frame>
定义框架集的窗口或框架。
F
<frameset>
定义框架集。
F
<noframes>
定义针对不支持框架的用户的替代内容。
TF
<iframe>
定义内联框架。
TF
标签
描述
DTD
<form>
定义供用户输入的 HTML 表单。
STF
<input>
定义输入控件。
STF
<textarea>
定义多行的文本输入控件。
STF
<button>
定义按钮。
STF
<select>
定义选择列表(下拉列表)。
STF
<optgroup>
定义选择列表中相关选项的组合。
STF
<option>
定义选择列表中的选项。
STF
<label>
定义 input 元素的标注。
STF
<fieldset>
定义围绕表单中元素的边框。
STF
<legend>
定义 fieldset 元素的标题。
STF
<isindex>
不赞成使用。定义与文档相关的可搜索索引。
TF
标签
描述
DTD
<ul>
定义无序列表。
STF
<ol>
定义有序列表。
STF
<li>
定义列表的项目。
STF
<dir>
不赞成使用。定义目录列表。
TF
<dl>
定义定义列表。
STF
<dt>
定义定义列表中的项目。
STF
<dd>
定义定义列表中项目的描述。
STF
<menu>
不赞成使用。定义菜单列表。
TF
标签
描述
DTD
<img>
定义图像。
STF
<map>
定义图像映射。
STF
<area>
定义图像地图内部的区域。
STF
标签
描述
DTD
<table>
定义表格
STF
<caption>
定义表格标题。
STF
<th>
定义表格中的表头单元格。
STF
<tr>
定义表格中的行。
STF
<td>
定义表格中的单元。
STF
<thead>
定义表格中的表头内容。
STF
<tbody>
定义表格中的主体内容。
STF
<tfoot>
定义表格中的表注内容(脚注)。
STF
<col>
定义表格中一个或多个列的属性值。
STF
<colgroup>
定义表格中供格式化的列组。
STF
标签
描述
DTD
<style>
定义文档的样式信息。
STF
<div>
定义文档中的节。
STF
<span>
定义文档中的节。
STF
标签
描述
DTD
<head>
定义关于文档的信息。
STF
<title>
定义文档的标题。
STF
<meta>
定义关于 HTML 文档的元信息。
STF
<base>
定义页面中所有链接的默认地址或默认目标。
STF
<basefont>
不赞成使用。定义页面中文本的默认字体、颜色或尺寸。
TF
标签
描述
DTD
<script>
定义客户端脚本。
STF
<noscript>
定义针对不支持客户端脚本的用户的替代内容。
STF
<applet>
不赞成使用。定义嵌入的 applet。
TF
<object>
定义嵌入的对象。
STF
<param>
定义对象的参数。
STF
CSS 属性组:
· 背景
· 文本
· 字体
· 边框和轮廓
· 外边距
· 内边距
· 列表
· 内容生成
· 尺寸
· 定位
· 打印
· 表格
· 伪类
· 伪元素
提示和注释:
属性:“属性” 列指向语法、实例、浏览器支持等内容。
CSS:"CSS" 列指示属性是在哪个 CSS 版本中定义的(CSS1 还是 CSS2)。
提示:W3School 的 CSS 参考手册定期在所有主流浏览器中进行测试。最后测试时间:2009 年 10 月 8 日。
CSS 背景属性(Background)
属性
描述
CSS
background
在一个声明中设置所有的背景属性。
1
background-attachment
设置背景图像是否固定或者随着页面的其余部分滚动。
1
background-color
设置元素的背景颜色。
1
background-image
设置元素的背景图像。
1
background-position
设置背景图像的开始位置。
1
background-repeat
设置是否及如何重复背景图像。
1
CSS 边框属性(Border 和 Outline)
属性
描述
CSS
border
在一个声明中设置所有的边框属性。
1
border-bottom
在一个声明中设置所有的下边框属性。
1
border-bottom-color
设置下边框的颜色。
2
border-bottom-style
设置下边框的样式。
2
border-bottom-width
设置下边框的宽度。
1
border-color
设置四条边框的颜色。
1
border-left
在一个声明中设置所有的左边框属性。
1
border-left-color
设置左边框的颜色。
2
border-left-style
设置左边框的样式。
2
border-left-width
设置左边框的宽度。
1
border-right
在一个声明中设置所有的右边框属性。
1
border-right-color
设置右边框的颜色。
2
border-right-style
设置右边框的样式。
2
border-right-width
设置右边框的宽度。
1
border-style
设置四条边框的样式。
1
border-top
在一个声明中设置所有的上边框属性。
1
border-top-color
设置上边框的颜色。
2
border-top-style
设置上边框的样式。
2
border-top-width
设置上边框的宽度。
1
border-width
设置四条边框的宽度。
1
outline
在一个声明中设置所有的轮廓属性。
2
outline-color
设置轮廓的颜色。
2
outline-style
设置轮廓的样式。
2
outline-width
设置轮廓的宽度。
2
CSS 文本属性(Text)
属性
描述
CSS
color
设置文本的颜色。
1
direction
规定文本的方向 / 书写方向。
2
letter-spacing
设置字符间距。
1
line-height
设置行高。
1
text-align
规定文本的水平对齐方式。
1
text-decoration
规定添加到文本的装饰效果。
1
text-indent
规定文本块首行的缩进。
1
text-shadow
规定添加到文本的阴影效果。
2
text-transform
控制文本的大小写。
1
unicode-bidi
设置文本方向。
2
white-space
规定如何处理元素中的空白。
1
word-spacing
设置单词间距。
1
CSS 字体属性(Font)
属性
描述
CSS
font
在一个声明中设置所有字体属性。
1
font-family
规定文本的字体系列。
1
font-size
规定文本的字体尺寸。
1
font-size-adjust
为元素规定 aspect 值。
2
font-stretch
收缩或拉伸当前的字体系列。
2
font-style
规定文本的字体样式。
1
font-variant
规定文本的字体样式。
1
font-weight
规定字体的粗细。
1
CSS 外边距属性(Margin)
属性
描述
CSS
margin
在一个声明中设置所有外边距属性。
1
margin-bottom
设置元素的下外边距。
1
margin-left
设置元素的左外边距。
1
margin-right
设置元素的右外边距。
1
margin-top
设置元素的上外边距。
1
CSS 内边距属性(Padding)
属性
描述
CSS
padding
在一个声明中设置所有内边距属性。
1
padding-bottom
设置元素的下内边距。
1
padding-left
设置元素的左内边距。
1
padding-right
设置元素的右内边距。
1
padding-top
设置元素的上内边距。
1
CSS 列表属性(List)
属性
描述
CSS
list-style
在一个声明中设置所有的列表属性。
1
list-style-image
将图象设置为列表项标记。
1
list-style-position
设置列表项标记的放置位置。
1
list-style-type
设置列表项标记的类型。
1
marker-offset
2
内容生成(Generated Content)
属性
描述
CSS
content
与 :before 以及 :after 伪元素配合使用,来插入生成内容。
2
counter-increment
递增或递减一个或多个计数器。
2
counter-reset
创建或重置一个或多个计数器。
2
quotes
设置嵌套引用的引号类型。
2
CSS 尺寸属性(Dimension)
属性
描述
CSS
height
设置元素高度。
1
max-height
设置元素的最大高度。
2
max-width
设置元素的最大宽度。
2
min-height
设置元素的最小高度。
2
min-width
设置元素的最小宽度。
2
width
设置元素的宽度。
1
CSS 定位属性(Positioning)
属性
描述
CSS
bottom
设置定位元素下外边距边界与其包含块下边界之间的偏移。
2
clear
规定元素的哪一侧不允许其他浮动元素。
1
clip
剪裁绝对定位元素。
2
cursor
规定要显示的光标的类型(形状)。
2
display
规定元素应该生成的框的类型。
1
float
规定框是否应该浮动。
1
left
设置定位元素左外边距边界与其包含块左边界之间的偏移。
2
overflow
规定当内容溢出元素框时发生的事情。
2
position
规定元素的定位类型。
2
right
设置定位元素右外边距边界与其包含块右边界之间的偏移。
2
top
设置定位元素的上外边距边界与其包含块上边界之间的偏移。
2
vertical-align
设置元素的垂直对齐方式。
1
visibility
规定元素是否可见。
2
z-index
设置元素的堆叠顺序。
2
CSS 打印属性(Print)
属性
描述
CSS
orphans
设置当元素内部发生分页时必须在页面底部保留的最少行数。
2
page-break-after
设置元素后的分页行为。
2
page-break-before
设置元素前的分页行为。
2
page-break-inside
设置元素内部的分页行为。
2
widows
设置当元素内部发生分页时必须在页面顶部保留的最少行数。
2
CSS 表格属性(Table)
属性
描述
CSS
border-collapse
规定是否合并表格边框。
2
border-spacing
规定相邻单元格边框之间的距离。
2
caption-side
规定表格标题的位置。
2
empty-cells
规定是否显示表格中的空单元格上的边框和背景。
2
table-layout
设置用于表格的布局算法。
2
CSS 伪类(Pseudo-classes)
属性
描述
CSS
:active
向被激活的元素添加样式。
1
:focus
向拥有键盘输入焦点的元素添加样式。
2
:hover
当鼠标悬浮在元素上方时,向元素添加样式。
1
:link
向未被访问的链接添加样式。
1
:visited
向已被访问的链接添加样式。
1
:first-child
向元素的第一个子元素添加样式。
2
:lang
向带有指定 lang 属性的元素添加样式。
2
CSS 伪元素(Pseudo elements)
属性
描述
CSS
:first-letter
向文本的第一个字母添加特殊样式。
1
:first-line
向文本的首行添加特殊样式。
1
:before
在元素之前添加内容。
2
:after
在元素之后添加内容。
2
窗体顶端
窗体底端
展开阅读全文