参考资料来源W3School(http://www.w3school.com.cn)
CSS 单位
尺寸
单位 | 描述 |
---|---|
% | 百分比 |
in | 英寸 |
cm | 厘米 |
mm | 毫米 |
em | 1em 等于当前的字体尺寸。 2em 等于当前字体尺寸的两倍。 例如,如果某元素以 12pt 显示,那么 2em 是24pt。 在 CSS 中,em 是非常有用的单位,因为它可以自动适应用户所使用的字体。 |
ex | 一个 ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的一半。) |
pt | 磅 (1 pt 等于 1/72 英寸) |
pc | 12 点活字 (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) |
HTML最常用的字符实体
字符实体有三部分:一个和号 (&),一个实体名称,或者 # 和一个实体编号,以及一个分号 (;)。
显示结果 | 描述 | 实体名称 | 实体编号 |
---|---|---|---|
空格 | |   | |
< | 小于号 | < | < |
> | 大于号 | > | > |
& | 和号 | & | & |
" | 引号 | " | " |
' | 撇号 | ' (IE不支持) | ' |
其他一些常用的字符实体
显示结果 | 描述 | 实体名称 | 实体编号 |
---|---|---|---|
¢ | 分 | ¢ | ¢ |
£ | 镑 | £ | £ |
¥ | 日圆 | ¥ | ¥ |
§ | 节 | § | § |
© | 版权 | © | © |
® | 注册商标 | ® | ® |
× | 乘号 | × | × |
÷ | 除号 | ÷ | ÷ |
关于HTML 头部
根据 HTML 标准,仅有几个标签在 HTML 的头部分是合法的。它们是:<base>, <link>, <meta>, <title>, <style> 和 <script>。
<head> | 定义关于文档的信息。 |
<title> | 定义文档标题。 |
<base> | 定义页面中所有链接的基准 URL。 |
<link> | 定义资源引用。 |
<meta> | 定义元信息。 |
<meta>可以在网址已经变更的情况下,将用户重定向到另外一个地址。如:
<meta content="5;url=http://www.baidu.com" http-equiv="Refresh" />
上面代码实现在5秒钟后,页面重定向百度首页。还有某些万维网搜索引擎使用 meta 标签的 name 和 content 属性来索引页面。
URL Schemes因特网服务的类型。最流行的类型是 http
以下是其中一些最流行的 scheme:
Schemes | 访问 |
---|---|
file | 本地 PC 上的文件。 |
ftp | FTP 服务器上的文件。 |
http | World Wide Web 服务器上的文件。 |
gopher | Gopher 服务器上的文件。 |
news | Usenet 新闻组。 |
telnet | Telnet 连接。 |
WAIS | WAIS 服务器上的文件。 |
比方说<a href="ftp://www.w3school.com.cn/ftp/winzip.exe">Download WinZip
</a>代码创建一个下载文件的链接。
<a href="someone@w3school.com.cnmailto:someone@w3school.com.cn
">someone@w3school.com.cn</a>代码创建一个指向您的邮件系统的链接。
关于HTML脚本
标签 | 描述 |
---|---|
<script> | 定义脚本。 |
<noscript> | 定义在脚本无法执行的情况下的替代文本。 |
<object> | 定义嵌入的对象。 |
<param> | 为对象定义 run-time 设置(参数)。 |
<applet> | 不赞成使用。请使用 <object>。 |
关于HTML事件
<a href="/index.html" onmouseover="alert('Welcome');return false"
>onmouseover
</a>
事件处理器的值是一个或一系列以分号隔开的 Javascript 表达式、方法和函数调用,并用引号引起来。效果如下:
窗口事件 (Window Events)
仅在 body 和 frameset 元素中有效。
属性 | 值 | 描述 |
---|---|---|
onload | 脚本 | 当文档载入时执行脚本 |
onunload | 脚本 | 当文档卸载时执行脚本 |
表单元素事件 (Form Element Events)
仅在表单元素中有效。
属性 | 值 | 描述 |
---|---|---|
onchange | 脚本 | 当元素改变时执行脚本 |
onsubmit | 脚本 | 当表单被提交时执行脚本 |
onreset | 脚本 | 当表单被重置时执行脚本 |
onselect | 脚本 | 当元素被选取时执行脚本 |
onblur | 脚本 | 当元素失去焦点时执行脚本 |
onfocus | 脚本 | 当元素获得焦点时执行脚本 |
图像事件 (Image Events)
该属性可用于 img 元素:
属性 | 值 | 描述 |
---|---|---|
onabort | 脚本 | 当图像加载中断时执行脚本 |
键盘事件 (Keyboard Events)
在下列元素中无效:base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, 以及 title 元素。
属性 | 值 | 描述 |
---|---|---|
onkeydown | 脚本 | 当键盘被按下时执行脚本 |
onkeypress | 脚本 | 当键盘被按下后又松开时执行脚本 |
onkeyup | 脚本 | 当键盘被松开时执行脚本 |
鼠标事件 (Mouse Events)
在下列元素中无效:base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title 元素。
属性 | 值 | 描述 |
---|---|---|
onclick | 脚本 | 当鼠标被单击时执行脚本 |
ondblclick | 脚本 | 当鼠标被双击时执行脚本 |
onmousedown | 脚本 | 当鼠标按钮被按下时执行脚本 |
onmousemove | 脚本 | 当鼠标指针移动时执行脚本 |
onmouseout | 脚本 | 当鼠标指针移出某元素时执行脚本 |
onmouseover | 脚本 | 当鼠标指针悬停于某元素之上时执行脚本 |
onmouseup | 脚本 | 当鼠标按钮被松开时执行脚本 |