您的位置：首页 > Web前端 > CSS

HTML系统学习之七 <CSS单位，HTML常用实体，HTML的头部，HTML事件>

2011-11-23 10:16 302 查看

参考资料来源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 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 表达式、方法和函数调用，并用引号引起来。效果如下：

onmouseover,这里不行

窗口事件 (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	脚本	当鼠标按钮被松开时执行脚本

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

HTML系统学习之七 &lt;CSS单位，HTML常用实体，HTML的头部，HTML事件&gt;