html实体字符

目录

html标签属性大全...1

html标签：...1

<! - - ... - -> 注解...4

图像语法格式...8

表格语法格式...9

css 层叠样式表...11

选择符分为6种...13

css规则...17

超连接设置...19

HTML5最新标签大全...20

一、文字备忘之标签...20

二、HTML5文字备忘之全局属性...33

三、HTML5文字备忘之事件属性...34

四、HTML5文字备忘之浏览器的准备情况...36

JAVA基本数据类型的分类...37

Java关键字及其作用...39

一、关键字总览:.39

二、详细解释...39

CSS标签大全...48

CSS 背景属性（Background）...48

CSS 边框属性（Border 和 Outline）...49

属性...49

描述...49

CSS3新增文本属性...60

..60

html标签属性大全

html标签：

<marquee>...</marquee>普通卷动

<marqueebehavior=slide>...</marquee>滑动

<marqueebehavior=scroll>...</marquee>预设卷动

<marqueebehavior=alternate>...</marquee>来回卷动

<marqueedirection=down>...</marquee>向下卷动

<marqueedirection=up>...</marquee>向上卷动

<marqueedirection=right></marquee>向右卷动

<marqueedirection=left></marquee>向左卷动

<marqueeloop=2>...</marquee>卷动次数

<marqueewidth=180>...</marquee>设定宽度

<marqueeheight=30>...</marquee>设定高度

<marqueebgcolor=FF0000>...</marquee>设定背景颜色

<marqueescrollamount=30>...</marquee>设定滚动速度

<marqueescrolldelay=300>...</marquee>设定卷动时间

<marqueeonmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动

<marqueeonmouseover="this.start()">...</marquee>鼠标离开时开始滚动

 

字体效果

<h1>...</h1>标题字(最大)

<h6>...</h6>标题字(最小)

<b>...</b>粗体字

<strong>...</strong>粗体字(强调) （同上效果略同）

<i>...</i>斜体字

<em>...</em>斜体字(强调)

<dfn>...</dfn>斜体字(表示定义)

<u>...</u>底线

<ins>...</ins>底线(表示插入文字)

<strike>...</strike>横线

<s>...</s>删除线

<del>...</del>删除线(表示删除)

<kbd>...</kbd>键盘文字

<tt>...</tt>打字体

<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)

<plaintext>...</plaintext>固定宽度字体(不执行标记符号)

<listing>...</listing>固定宽度小字体

<fontcolor=00ff00>...</font>字体颜色

<fontsize=1>...</font>最小字体

<font style=’font-size:100 px’>...</font>无限增大

 

区断标记

<hr>水平线

<hrsize=’9’>水平线(设定大小)

<hrwidth=’80%’>水平线(设定宽度)

<hrcolor=’ff0000’>水平线(设定颜色)

<br>(换行)

<nobr>...</nobr>水域(不换行)

<p>...</p>水域(段落)

<center>...</center>置中

连结格式

<base href=位址>(预设好连结路径)

<a href=位址></a>外部连结

<a href=位址 target=’_blank’></a>外部连结(另开新视窗)

<a href=位址 target=’_top’></a>外部连结(全视窗连结)

<a href=位址 target=’页框名’></a>外部连结(在指定页框连结)

贴图/音乐

<img src=图片位址>贴图

<img src=图片位址 width=’180’>设定图片宽度

<img src=图片位址 height=’30’>设定图片高度

<img src=图片位址 alt=’提示文字’>设定图片提示文字

<img src=图片位址’ border=’1’>设定图片边框

<bgsoundsrc=MID音乐档位址>背景音乐设定

表格语法

<tablealing=left>...</table>表格位置,置左

<tablealing=center>...</table>表格位置,置中

<tablebackground=图片路径>...</table>背景图片的URL=就是路径网址

<table border=边框大小>...</table>设定表格边框大小(使用数字)

<table bgcolor=颜色码>...</table>设定表格的背景颜色

<tableborderclor=颜色码>...</table>设定表格边框的颜色

<tableborderclordark=颜色码>...</table>设定表格暗边框的颜色

<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色

<tablecellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)

<tablecellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)

<table cols=参数>...</table>指定表格的栏数

<table frame=参数>...</table>设定表格外框线的显示方式

<table width=宽度>...</table>指定表格的宽度大小(使用数字)

<table height=高度>...</table>指定表格的高度大小(使用数字)

<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)

<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)

 

分割视窗

<framesetcols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整

<framesetrows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整

<framesetcols="20%,*">分割左右两个框架

<framesetcols="20%,*,20%">分割左中右三个框架

<分割上下两个框架

<framesetrows="20%,*,20%">分割上中下三个框架

属性：

cols垂直切割窗口（如左右分割两个窗口）接受整数值，百分数，*（*代表占用余下空间）数值的个数代表分成的部分数目，要以逗号分隔。例：cols="30,*,50%"可以切成三个视窗，第一部分是30像素（pixels）为绝对分割，第二部分是当分配完第一和第三视图后剩下的空间，第三部分则占整个窗口的50%宽度，为相对分割。

rows就是横向切割，将窗口上下分开，数值设置同上。

以上两属性尽量不要在同一个<frameset>标记中，因为王井（netscape）不支持，尽量采用多重分割。

frameborder 设置框架的边框，其值有0不要边框，1要边框。

border 设置框架边框厚度

framespacing 表示框架与框架间保留空白的距离

frame 元素（单标签）

语法格式：

<framename="" src="url" scrolling="yes/no" noresize>

属性：

name 框架名称，指定框架来做连接的目标窗口。

src 框架中要显示的网页文当url地址，每个个框架要对应一个html文挡。

scrolling 是否显示滚动条，yes/no,auto是自动。

noresize 设置不让使用者改变这个框架的大小，

noframe元素

指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息

语法格式：

<noframe>

......

</noframe>

表单<form></form>

语法格式：

<formaction="url" method="get/post">

....

<inputtype=submit><input type=reset>

</form>

method有两种提交方式get,post

action 是指明处理该表单的程序位置，这样表单所填的资料才能传给cgi做处里，可设定此参数为action="mailto:[e-mail]"这样此表单所填的资料将会发送到这个邮箱地址。

method 是指传送信息给cgi等网络程序的方式。可选post方法， get方法，post方法容许传送大量信息。get方法只接受低于1k的信息。

申请表单用的是post搜索引擎用的是get

 

<! - - ... - ->注解

<A HREFTARGET> 指定超连结的分割视窗

<A HREF=#锚的名称> 指定锚名称的超链接

<A HREF> 指定超链接

<A NAME=锚的名称> 被链接点的名称

<ADDRESS>....</ADDRESS>用来显示电子邮箱地址

<B> 粗体字

<BASETARGET> 指定超连结的分割视窗

<BASEFONTSIZE> 更改预设字形大小

<BGSOUNDSRC> 加入背景音乐

<BIG> 显示大字体

<BLINK> 闪烁的文字

<BODY TEXT LINKVLINK> 设定文字颜色

<BODY> 显示本文

<BR> 换行

<CAPTIONALIGN> 设定表格标题位置

<CAPTION>...</CAPTION>为表格加上标题

<CENTER> 向中对齐

<CITE>...<CITE>用於引经据典的文字

<CODE>...</CODE>用於列出一段程式码

<COMMENT>...</COMMENT>加上注解

<DD> 设定定义列表的项目解说

<DFN>...</DFN>显示"定义"文字

<DIR>...</DIR>列表文字标签

<DL>...</DL>设定定义列表的标签

<DT> 设定定义列表的项目

<EM> 强调之用

<FONT FACE> 任意指定所用的字形

<FONT SIZE> 设定字体大小

<FORMACTION> 设定户动式表单的处理方式

<FORMMETHOD> 设定户动式表单之资料传送方式

<FRame MARGINHEIGHT>设定视窗的上下边界

<FRameMARGINWIDTH> 设定视窗的左右边界

<FRame NAME>为分割视窗命名

<FRameNORESIZE> 锁住分割视窗的大小

<FRameSCROLLING> 设定分割视窗的卷轴

<FRame SRC> 将HTML档加入视窗

<FRameSETCOLS> 将视窗分割成左右的子视窗

<FRameSETROWS> 将视窗分割成上下的子视窗

<FRameSET>...</FRameSET>划分分割视窗

<H1>~<H6>设定文字大小

<HEAD> 标示文件资讯

<HR> 加上分格线

<HTML> 文件的开始与结束

<I> 斜体字

<IMG ALIGN> 调整图形影像的位置

<IMG ALT> 为你的图形影像加注

<IMG DYNSRCLOOP> 加入影片

<IMG HEIGHTWIDTH> 插入图片并预设图形大小

<IMG HSPACE>插入图片并预设图形的左右边界

<IMG LOWSRC>预载图片功能

<IMG SRCBORDER> 设定图片边界

<IMG SRC> 插入图片

<IMG VSPACE>插入图片并预设图形的上下边界

<INPUT TYPENAME value> 在表单中加入输入栏位

<ISINDEX> 定义查询用表单

<KBD>...</KBD>表示使用者输入文字

<LITYPE>...</LI> 列表的项目 ( 可指定符号 )

<MARQUEE> 跑马灯效果

<MENU>...</MENU>条列文字标签

<metaNAME="REFRESH" CONTENT URL> 自动更新文件内容

<MULTIPLE> 可同时选择多项的列表栏

<NOFRame> 定义不出现分割视窗的文字

<OL>...</OL>有序号的列表

<OPTION> 定义表单中列表栏的项目

<P ALIGN> 设定对齐方向

<P> 分段

<PERSON>...</PERSON>显示人名

<PRE> 使用原有排列

<SAMP>...</SAMP>用於引用字

<select>...</select > 在表单中定义列表栏

<SMALL> 显示小字体

<STRIKE> 文字加横线

<STRONG> 用于加强语气

<SUB> 下标字

<SUP> 上标字

<TABLEBORDER=n> 调整表格的宽线高度

<TABLECELLPADDING> 调整资料栏位之边界

<TABLECELLSPACING> 调整表格线的宽度

<TABLEHEIGHT> 调整表格的高度

<TABLEWIDTH> 调整表格的宽度

<TABLE>...</TABLE>产生表格的标签

<TD ALIGN> 调整表格栏位之左右对齐

<TD BGCOLOR>设定表格栏位的背景颜色

<TD COLSPANROWSPAN> 表格栏位的合并

<TD NOWRAP> 设定表格栏位不换行

<TD VALIGN> 调整表格栏位之上下对齐

<TD WIDTH> 调整表格栏位宽度

<TD>...</TD>定义表格的资料栏位

<TEXTAREA NAMEROWS COLS> 表单中加入多少列的文字输入栏

<TEXTAREAWRAP> 决定文字输入栏是自动否换行

<TH>...</TH>定义表格的标头栏位

<TITLE> 文件标题

<TR>...</TR>定义表格美一行

<TT> 打字机字体

<U> 文字加底线

<ULTYPE>...</UL> 无序号的列表 ( 可指定符号 )

<var>...</var>用於显示变数

BlockQuotc文本缩进

表示颜色的有三种方式：

1，16进制颜色代码

语法：#RRGGBB

例：<font color="#ff0000">红色</font>

2，10进制RGB码

语法：RGB（RRR，GGG，BBB）

例：<fontcolor="rgb(255,000,000)">红色</font>

3,直接用颜色的英文名称

例：<font color="red">红色</font>

<body>.....</body>属性可分为三种：

1，背景属性

包括：bgcolor,background

2,文字属性：

包括：text,link,alink,vlink,

3,留白属性：

其中分为：leftmargin,topmargin

.bgcolor背景色

语法格式：<body bgcolor="#ff0000">

.background背景图案。

语法格式：<body background="url">

.text文本颜色（非连接文字颜色）

.link连接文字颜色（可连接文字颜色）

.alink活动连接文字颜色（正被点击的可连接文字的颜色）

.vlink已访问连接文字颜色）（已经点击访问过的可连接文字的颜色）

语法格式：<body text="color"link="color" alink="color" vlink="color">

.leftmargin 页面左侧的留白距离

.topmargin 页面顶部的留白距离

语法格式：<body leftmargin="value"topmargin="value">

注：value为长度值为数字

align 属性

语法：<h2 align="?">文字</h2>

其属性有三种：left靠左,center居中,right靠右

〈p〉</p>为段落标记，可利用以上属性对整个段落进行设置

〈br>为换行标记

<nobr></nobr>为不换行标记 放在文字两边即可

例：<body>

<h3>江南逢李龟年</h3>

<p>歧王宅里寻常见<br>

催九堂前几度闻<br>

正是江南好风景<br>

落花时节又逢君</p>

</body>

预格式化：

<pre>......</pre>浏览是效果和编写是效果格式一样

列表

1．无序列表又称符号列表

语法格式：

<ultype="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框

<li>文字</li>

<li>文字</li>

</ul>

 

2．有序列表

语法格式：

<oltype="?" start"?">

<li>文字</li>

<li>文字</li>

</ol>

type的值是编号字符可选的有1...,a...,A...,i... ,I...

start为起始值例：如果start为3是那么将从3开始，而且必须是数字。

 

3．定义列表

<dl>定义列表标记

<dt>标示定义条目

<dd>标示定义内容

语法格式：

<dl>

<dt>文字</dt>

<dd>文字内容</dd>

</dl>

连接和图像

语法格式：

<ahref="url" name="?" target="?"title="?">....</a>

属性：href 连接目标 值可以是url地址也可以是连接锚点

<ahref="url">...</a>或者

<a href="锚点">...</a>

name 连接名称

语法格式：<a name="锚点名称">...</a>

例：<aname="abcdcf">...</a>

连接到该锚点的连接则应是：

<aname="#abcdef">....</a>

target目标窗口语法格式：

<ahref="url"target="_blank|_self|_farent|_top|windowname">....</a>

-blank打开新窗口

_self当前窗口打开

一下两个仅在框架叶面中应用

_parent当前窗口的父级窗口（上一级）打开

_top在最高一级的窗口打开

windowname已命名的窗口或框架中打开连接

title连接提示

<ahref="http://www.crazytribe.net" title="打开狂人部落的首页">狂人部落</a>

图像<img> 语法格式：

<imgsrc="url" alt="?" width="?" height="?"border="?" align="?">

border属性定义图片边框的宽度，默认值为0

align属性设置图片旁边文字的位置

语法格式：<img src=""align"">

可选值有：

top图片和文字顶部对齐

middle图片和文字居中对齐

bottom图片和文字底边对齐（默认）

left图片居左对齐，文字沿图片绕排

right图片居右对齐，文字沿图片绕排

absmiddle图片对齐到目前文字行绝对中央

absbottom图片对齐到目前文字行绝对底部

文字的排版

不换行空白标记

font元素

语法格式：

<fontface="字体名称" size="字体大小" color="字体颜色">

字体大小可选值为1——7，默认为3

例：〈font face="黑体" size="4"color="#ff00ff">....</font>

水平线<hr>

语法格式：<hr width="宽度" align="对齐方式默认居中center"size="水平线厚度默认为2" color="颜色" noshade>

noshade无阴影，既实线

层〈div><span>两种元素

<div>是块级元素，和段落元素<p>相似，不同的是两个<div>元素之间不会产生两个<p>元素之间的空行，

<span>是行内元素，可以定义段落中部分文字的属性

语法格式：

<divalign="" style="">...</div>

align设置层中元素的水平对齐方式

stule设置元素应用css规范的属性

<div>兼容性比<span>要好一点，最好使用<div>

表格语法格式：

<tablewidth="" bgcolor="" background=""border="" cellspacing="" cellpadding="">

<tr>...<td>....</td>....</tr>

</table>

border边框宽度默认值为0，既没有边框

cellspacing表格中单元格的边距大小，默认值为两个像素

cellpadding表格中单元格之间的间距大小，默认值为两个像素

tr元素

语法格式：

<tralign="" bgcolor="">....</tr>

align属性对齐方式可选值如下：left,center,tight,默认为left

bgcolor指定该行的背景颜色

td元素

语法格式：

<tdwidth="宽度" height="高度" align="水平对齐方式"valign="垂直对齐方式" bgcolor=""background="" rowspan="单元格的行跨度"colapan="单元格的列跨度">.....</td>

align属性的可选值有：left,center,right

valign属性的可选值有：top,middle,bottom

rowspan和colapan跨行和跨列的数量，默认为1

input元素 语法格式：

<inputtype="">

type属性的可选值有：

text 单行文本框

属性：name 文本框名称

value 文本框的初始值

size 文本框的长度

maxlength 可输入字符串最大的长度

radio 单选框

属性：name 单选框名称

value 内部值

checked 默认选定

checkbox 复选框

属性：name 复选框名称

value 内部值

checked 默认选定

reset 重置按钮

submit 确定按钮

属性：name 按钮名称

value 显示在按钮上的文字

password 密码框

属性与文本框的属性完全相同

file 文件域

属性：name文件域名称

size 文件域的长度

maxlength 文件域可接受的字符数量的上限

hidden 隐藏域

属性：name 隐藏域名称

value 内定值

image 图片域

属性：name 所要代表的按钮，可以是submit,reset,或其他.

src 按钮图片的url 地址

列表框<select>

语法格式：

<select>

.....

<option>....</option>

.....

</select>

 

select元素

语法格式：<select name=""size=""multiple></select>

name 指定列表框的名字

size 指定列表框显示列表项的条数，如果指定了该参数，select元素是个列表，否则是一个下拉列表框

multiple 指定了这个参数，则表示该列表框可选择多项，否则只可选择一项

option属性

语法格式：<option value=""selected></option>

value 该列表项的值

selected 如果设定了这个参数，默认为选定这一项

多行文本框<textarea>

<textareaname="" cols="" rows=""wrap="off/physical/virtual"></textarea>

属性：

name文本框的名称

cols文本框的宽度

rows文本框的高度

wrap文本框的折行方式可选值有：

off不保存换行信息

physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出，

virtual送出连续成串的字除非使用者按回车。

css层叠样式表

引入层叠样式表的方法包括：

外联式样式表

例：<head>

<linkrel="stylesheet" href="/css/default.css">

</head>

<body>

....

</body>

</html>

属性：rel 用来说明<link>元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址

内嵌式样式表：

例：<html>

<head>

<styletype="text/css">

<!--

td{font:9pt;color:red}

.font105{font:10.5pt;color:blue}

-->

</style>

</head>

<body>....</body>

</html>

元素内定

格式：<pstyle="font-size:10.5pt">

导入式样式表

〈html>

<head>

<styletype="text/css">

<!--

@importurl(css/home.css);

-->

</style>

<body>

....

</body>

</html>

css的优先级

越接近目标的样式定义优先级越高，高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义

如果4种样式表对同一元素定义了不同的样式，那么他们的优先级顺序从高到低是，元素内定，内嵌样式表，导入样式表，外联样式表。

css结构

例：td{font-size:10.5pt;color:#666666}

css样式包含两个基础部分，

选择符<td>和声明{font-size:10.5pt;color:#666666}

声明也有两部分组成：

属性font-size,color和值10.5pt,#666666

选择符分为6种

1元素选择符

当页面上多个元素的样式相同时，可以将多个元素放在一起定义，中间以逗号分开 例：td,p,li,input,select{font-size:12px;}

2class(类)选择符

例：〈head>

<title>.....</title>

<styletype="text/css">

<!--

.red{font-size:10.5pt;color:#ff0000}

-->

</style>

</head>

<bodybgcolor="#ffffff">

<pclass="red">士大夫井冈山地方官</p>

<p>九连环离开计划</p>

</body>

还有一种方法就是限定可以应用它的页面元素

例：〈head>

<title>.....</title>

<styletype="text/css">

<!--

h1.red{color:#ff0000}

-->

</style>

</head>

<bodybgcolor="#ffffff">

<pclass="red">士大夫井冈山地方官</p>

<h1class="red">九连环离开计划</h1>

</body>

3 id选择符

与class选择附类似，只是把'.'换成'#'

例：<body>

<head>

<styletype="text/css">

<!--

#select{font-size:18px;color:#0000ff}

-->

</style>

</head>

<body>

<tablewidth="250" border="1" height="50">

<tr>

<td align="center"id="select">id选择符</td>

</tr>

</table>

</body>

</html>

我们看到在调用ID选择附时与CLASS选择附类似，只是将class=""换成了id=""，方便页面脚本语言的调用

关联选择符

<body>

<head>

<styletype="text/css">

<!--

tdp{font-size:18px;color:#0000ff}

-->

</style>

</head>

<body>

<tablewidth="250" border="1" height="50">

<tr>

<tdalign="center"><p>关联选择符</p></td>

</tr>

</table>

<p>关联选择符</p>

</body>

</html>

我们设定了在元素中<td>的元素<p>所包含文字的样式，只有在两个条件都满足是，样式在会起作用，

伪类选择符

是只能用在css选择符里，而不能用在html代码中的选择符

例：

〈html>

<head>

<style type="text/css">

<!--

a:link{color:#000000}

a:visited{color:#cccccc}

a:hover{color:#ff0000}

a:active{color:#ooooff}

-->

</style>

</head>

<body>

<p><ahref="#">关联选择符</a><p>

<p><ahref="#">关联选择符</a><p>

<p><ahref="#">关联选择符</a><p>

<p><ahref="#">关联选择符</a><p>

〈/body>

</html>

正确的顺序是a:link\a:visited\a:hover否则会引起页面上连接颜色混乱

伪元素选择符

与伪类选择符定义类似，目前被大多数浏览器支持的有两个：首行伪元素（first-line）和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的

例：首行

<html>

<head>

<style>

<!--

p:first-line{color:red;font-size:20pt}

-->

</style>

</hesd>

<body>

<p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p>

</body>

</html>

长度随浏览器窗口大小而改变

首字

<html>

<head>

<style>

<!--

p:first-letter{color:red;font-size:50pt;float:left;}

-->

</style>

</hesd>

<body>

<p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p>

</body>

</html>

以上两种都只能应用于块状元素上

css规则

1.继承

例：<html>

<head>

<styletype="text/css">

<!--

td{font-size:12pt}

p{color:red}

-->

</style>

</hesd>

<body>

<tablewidth="300" border="1" height="150">

<tr>

<tdalign="center">

<p>css规则</p>

</td>

</table>

</body>

</html>

<p>为最高级<td>次一级两种css用在一个属性元素上，相同的覆盖，不同的继承，

 

2.组合

例:td{font-size:12pt}

p1{font-size:12pt}

组合后

td,.p1{font-size:12pt}

 

3.层叠

在样式里定义过后，在表格属性中又定义一次

<html>

<head>

<styletype="text/css">

<!--

red{color:#ff0000limportant}

-->

</style>

</hesd>

<body>

<tablewidth="300" border="1" height="150">

<tr>

<tdalign="center" style="color:#0000ff"class="red">决撒地方官</td>

</tr>

</table>

</body>

</html>

css单位

分四大类：

1 长度单位

数值可以是整数，小数，正数，负数，0，后加单位（负值不要轻易使用）

换算关系：

1in(英寸)=6pc(派)

1in(英寸)=72pt(磅)

1in(英寸)=2.54(厘米)

1cm(厘米)=10mm(毫米)

1cm(厘米)=0.3937(英寸)

1pt(磅)=1/72in(英寸)=0.2478mm(毫米)

1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸

2 百分比单位

3 颜色单位

4 url单位

div属性

color :#999999   文字颜色

font-family : 宋体文字字型

font-size : 10pt 文字大小

font-style:itelic 文字斜体育

font-variant:small-caps小字体

letter-spacing :1pt 文字间距

line-height : 200%设定行高

font-weight:bold 文字粗体

vertical-align:sub下标字

vertical-align:super上标字

text-decoration:line-through加?h除线

text-decoration:overline加顶线

text-decoration:underline加底线

text-decoration:none?h除连接底线

text-transform :capitalize 首字大写

text-transform :uppercase 英文大写

text-transform :lowercase 英文写

text-align:right 文字*右对齐

text-align:left 文字*左对齐

text-align:center 文字置中对齐

这些是一些简单的文字效果，可以应用到css的页面中。　

背景

background-color:black背景颜色

background-image :url(image/bg.gif) 背景图片

background-attachment: fixed 固定背景

background-repeat: repeat 重复排列-网页预设

background-repeat: no-repeat 不重复排列

background-repeat: repeat-x 在x轴重复排列

background-repeat: repeat-y 在y轴重复排列

background-position: 90% 90% 背景图片x与y轴的位置 　

链接

A所有超连接

A:link 超连接文字格式

A:visited 浏览过的连接文字格式

A:active 按下连接的格式

A:hover 鼠标移至连接

边框

border-top : 1pxsolid black 上框

border-bottom :1px solid #6699cc 下框

border-left : 1pxsolid #6699cc 左框

border-right : 1pxsolid #6699cc 右框

border: 1px solid#6699cc 四边框

虚线

<TEXTAREASTYLE="border:1px dashed pink">

实线

<TEXTAREASTYLE="border:1px solid pink">

HTML5最新标签大全

 

一、文字备忘之标签

HTML5中新增的标签<article>   定义文章

<aside>   定义页面内容旁边的内容

<audio>  定义声音内容

<canvas> 定义图形

<command>   定义一个控制按钮

<datagrid>      指树或表格状数据格式中的动态数据

<datalist>       定义一个下拉列表

<details> 定义一个元素的细节

<dialog> 定义会话或人的交谈

<embed> 定义额外的交互内容或插件

<figcaption>   定义指定元素的标题

<figure>  定义一组媒体内容，以及他们的标题

<footer>  为章节或页面定义一个底部

<header> 为章节或页面定义一个头部

<hgroup> 定义文档中某段落的信息

<keygen>       定义表单生成的关键

<mark>   定义被标记的文本

<meter>  定义预定义范围内的测量

<nav>     定义导航链接

<output> 定义某种类型的输出

<progress>     定义任意种类任务的进程

<rp> 定义浏览器不支持ruby元素的替代者

<rt> 定义ruby注释的解释

<ruby>    定义ruby 注释（中文注音或字符）。

<section> 定义章节

<source> 定义媒体资源

<summary>    定义某”detail”元素的头部

<time>    定义日期/时间

<video>  定义视频

<wbr>     定义可能的换行

 

HTML5支持且同时存在于HTML4中的标签<!– …–>      定义注释

<!DOCTYPE>       定义文档类型

<a>  定义超链接

<abbr>    定义缩写

<address>       定义地址元素

<area>    定义图片地图的某区域

<b> 定义加粗文字

<base>    定义整个页面的基础URL

<bdo>     定义文本显示的方向

<blockquote>  定义一个长引用

<body>   定义主体元素

<br> 插入单个的换行

<button> 定义按钮

<caption>       定义表格的标题

<cite>     定义引用

<code>    定义计算机代码文本

<col>      定义表格列的属性

<colgroup>     定义表格列的组

<dd>       定义个定义描述

<del>      定义删除文本

<dfn>     定义个定义项

<div>      定义文档章节

<dl> 定义定义列表

<dt> 定义定义项

<em>      定义强调文本

<fieldset>       定义控件组

<form>   定义表单

 <h1>到<h6> 定义头部1到头部6

<head>    定义文档信息

<hr> 定义水平线

<html>    定义个html文档

<i>  定义倾斜文本

<iframe> 定义内联替代窗口（框架）

<img>     定义个图片

<input>   定义输入域

<ins>      定义插入文本

<kbd>     定义键盘文本

<label>   定义表单控件的标签

<legend> 定义控件组的标题

<li> 定义列表项

<link>     定义相关资源

<map>    定义图片地图

<menu>  定义菜单列表

<meta>   定义元信息

<noscript>      定义无脚本章节

<object>  定义内嵌对象

<ol> 定义一个有序列表

<optgroup>    定义个选项组

<option> 定义下拉列表选项

<p> 定义段落

<params>       定义object的参数

<pre>      定义预格式化文本

<q> 定义短引用

<s>  定义不再正确的文本

<samp>   定义简单的计算机代码

<script>  定义脚本

<select>  定义可选择列表

<small>   定义小点的文本

<span>    定义文档章节

<strong> 定义强调的文字

<style>    定义一个样式定义

<sub>     定义下标文字

<sup>     定义上标文字

<table>   定义表格

<tbody>  定义表格的主体

<td> 定义表格单元格

<textarea>      定义文本域

<tfoot>   定义表格底部

<th> 定义表格头

<thead>   定义表格头

<title>     定义文档的标题

<tr> 定义表格行

<ul> 定义无序列表

<var>      定义变量

 

HTML5不支持的标签<acronym>      在HTML4.01中定义首字母缩略词

<applet>  定义内嵌的小应用程序

<basefont>     定义文档中基本的字体属性

<big>      让文字变大点

<center>  居中显示文字或内容

<dir>      定义目录列表

<font>    指定字体种类，大小，颜色等

<frame>  在框架集中定义独有的窗体

<frameset>     定义框架集，包含多个窗体

<noframe>     当浏览器不支持框架的时候显示文字

<strike>  定义删除线文本

<tt> 定义电传打字机文本

<u> 定义下划线文字

<xmp>    定义格式化的文字

 

HTML5中新增的标签<article>   定义文章

<aside>   定义页面内容旁边的内容

<audio>  定义声音内容

<canvas> 定义图形

<command>   定义一个控制按钮

<datagrid>      指树或表格状数据格式中的动态数据

<datalist>       定义一个下拉列表

<details> 定义一个元素的细节

<dialog> 定义会话或人的交谈

<embed> 定义额外的交互内容或插件

<figcaption>   定义指定元素的标题

<figure>  定义一组媒体内容，以及他们的标题

<footer>  为章节或页面定义一个底部

<header> 为章节或页面定义一个头部

<hgroup> 定义文档中某段落的信息

<keygen>       定义表单生成的关键

<mark>   定义被标记的文本

<meter>  定义预定义范围内的测量

<nav>     定义导航链接

<output> 定义某种类型的输出

<progress>     定义任意种类任务的进程

<rp> 定义浏览器不支持ruby元素的替代者

<rt> 定义ruby注释的解释

<ruby>    定义ruby 注释（中文注音或字符）。

<section> 定义章节

<source> 定义媒体资源

<summary>    定义某”detail”元素的头部

<time>    定义日期/时间

<video>  定义视频

<wbr>     定义可能的换行

 

HTML5支持且同时存在于HTML4中的标签<!– …–>      定义注释

<!DOCTYPE>       定义文档类型

<a>  定义超链接

<abbr>    定义缩写

<address>       定义地址元素

<area>    定义图片地图的某区域

<b> 定义加粗文字

<base>    定义整个页面的基础URL

<bdo>     定义文本显示的方向

<blockquote>  定义一个长引用

<body>   定义主体元素

<br> 插入单个的换行

<button> 定义按钮

<caption>       定义表格的标题

<cite>     定义引用

<code>    定义计算机代码文本

<col>      定义表格列的属性

<colgroup>     定义表格列的组

<dd>       定义个定义描述

<del>      定义删除文本

<dfn>     定义个定义项

<div>      定义文档章节

<dl> 定义定义列表

<dt> 定义定义项

<em>      定义强调文本

<fieldset>       定义控件组

<form>   定义表单

<h1>到<h6>   定义头部1到头部6

<head>    定义文档信息

<hr> 定义水平线

<html>    定义个html文档

<i>  定义倾斜文本

<iframe> 定义内联替代窗口（框架）

<img>     定义个图片

<input>   定义输入域

<ins>      定义插入文本

<kbd>     定义键盘文本

<label>   定义表单控件的标签

<legend> 定义控件组的标题

<li> 定义列表项

<link>     定义相关资源

<map>    定义图片地图

<menu>  定义菜单列表

<meta>   定义元信息

<noscript>      定义无脚本章节

<object>  定义内嵌对象

<ol> 定义一个有序列表

<optgroup>    定义个选项组

<option> 定义下拉列表选项

<p> 定义段落

<params>       定义object的参数

<pre>      定义预格式化文本

<q> 定义短引用

<s>  定义不再正确的文本

<samp>   定义简单的计算机代码

<script>  定义脚本

<select>  定义可选择列表

<small>   定义小点的文本

<span>    定义文档章节

<strong> 定义强调的文字

<style>    定义一个样式定义

<sub>     定义下标文字

<sup>     定义上标文字

<table>   定义表格

<tbody>  定义表格的主体

<td> 定义表格单元格

<textarea>      定义文本域

<tfoot>   定义表格底部

<th> 定义表格头

<thead>   定义表格头

<title>     定义文档的标题

<tr> 定义表格行

<ul> 定义无序列表

<var>      定义变量

 

HTML5不支持的标签<acronym>      在HTML4.01中定义首字母缩略词

<applet>  定义内嵌的小应用程序

<basefont>     定义文档中基本的字体属性

<big>      让文字变大点

<center>  居中显示文字或内容

<dir>      定义目录列表

<font>    指定字体种类，大小，颜色等

<frame>  在框架集中定义独有的窗体

<frameset>     定义框架集，包含多个窗体

<noframe>     当浏览器不支持框架的时候显示文字

<strike>  定义删除线文本

<tt> 定义电传打字机文本

<u> 定义下划线文字

<xmp>    定义格式化的文字

 

HTML5中新增的标签<article>   定义文章

<aside>   定义页面内容旁边的内容

<audio>  定义声音内容

<canvas> 定义图形

<command>   定义一个控制按钮

<datagrid>      指树或表格状数据格式中的动态数据

<datalist>       定义一个下拉列表

<details> 定义一个元素的细节

<dialog> 定义会话或人的交谈

<embed> 定义额外的交互内容或插件

<figcaption>   定义指定元素的标题

<figure>  定义一组媒体内容，以及他们的标题

<footer>  为章节或页面定义一个底部

<header> 为章节或页面定义一个头部

<hgroup> 定义文档中某段落的信息

<keygen>       定义表单生成的关键

<mark>   定义被标记的文本

<meter>  定义预定义范围内的测量

<nav>     定义导航链接

<output> 定义某种类型的输出

<progress>     定义任意种类任务的进程

<rp> 定义浏览器不支持ruby元素的替代者

<rt> 定义ruby注释的解释

<ruby>    定义ruby 注释（中文注音或字符）。

<section> 定义章节

<source> 定义媒体资源

<summary>    定义某”detail”元素的头部

<time>    定义日期/时间

<video>  定义视频

<wbr>     定义可能的换行

 

HTML5支持且同时存在于HTML4中的标签<!– …–>      定义注释

<!DOCTYPE>       定义文档类型

<a>  定义超链接

<abbr>    定义缩写

<address>       定义地址元素

<area>    定义图片地图的某区域

<b> 定义加粗文字

<base>    定义整个页面的基础URL

<bdo>     定义文本显示的方向

<blockquote>  定义一个长引用

<body>   定义主体元素

<br> 插入单个的换行

<button> 定义按钮

<caption>       定义表格的标题

<cite>     定义引用

<code>    定义计算机代码文本

<col>      定义表格列的属性

<colgroup>     定义表格列的组

<dd>       定义个定义描述

<del>      定义删除文本

<dfn>     定义个定义项

<div>      定义文档章节

<dl> 定义定义列表

<dt> 定义定义项

<em>      定义强调文本

<fieldset>       定义控件组

<form>   定义表单

<h1>到<h6>   定义头部1到头部6

<head>    定义文档信息

<hr> 定义水平线

<html>    定义个html文档

<i>  定义倾斜文本

<iframe> 定义内联替代窗口（框架）

<img>     定义个图片

<input>   定义输入域

<ins>      定义插入文本

<kbd>     定义键盘文本

<label>   定义表单控件的标签

<legend> 定义控件组的标题

<li> 定义列表项

<link>     定义相关资源

<map>    定义图片地图

<menu>  定义菜单列表

<meta>   定义元信息

<noscript>      定义无脚本章节

<object>  定义内嵌对象

<ol> 定义一个有序列表

<optgroup>    定义个选项组

<option> 定义下拉列表选项

<p> 定义段落

<params>       定义object的参数

<pre>      定义预格式化文本

<q> 定义短引用

<s>  定义不再正确的文本

<samp>   定义简单的计算机代码

<script>  定义脚本

<select>  定义可选择列表

<small>   定义小点的文本

<span>    定义文档章节

<strong> 定义强调的文字

<style>    定义一个样式定义

<sub>     定义下标文字

<sup>     定义上标文字

<table>   定义表格

<tbody>  定义表格的主体

<td> 定义表格单元格

<textarea>      定义文本域

<tfoot>   定义表格底部

<th> 定义表格头

<thead>   定义表格头

<title>     定义文档的标题

<tr> 定义表格行

<ul> 定义无序列表

<var>      定义变量

 

HTML5不支持的标签<acronym>      在HTML4.01中定义首字母缩略词

<applet>  定义内嵌的小应用程序

<basefont>     定义文档中基本的字体属性

<big>      让文字变大点

<center>  居中显示文字或内容

<dir>      定义目录列表

<font>    指定字体种类，大小，颜色等

<frame>  在框架集中定义独有的窗体

<frameset>     定义框架集，包含多个窗体

<noframe>     当浏览器不支持框架的时候显示文字

<strike>  定义删除线文本

<tt> 定义电传打字机文本

<u> 定义下划线文字

<xmp>    定义格式化的文字

 

HTML5中新增的标签<article>   定义文章

<aside>   定义页面内容旁边的内容

<audio>  定义声音内容

<canvas> 定义图形

<command>   定义一个控制按钮

<datagrid>      指树或表格状数据格式中的动态数据

<datalist>       定义一个下拉列表

<details> 定义一个元素的细节

<dialog> 定义会话或人的交谈

<embed> 定义额外的交互内容或插件

<figcaption>   定义指定元素的标题

<figure>  定义一组媒体内容，以及他们的标题

<footer>  为章节或页面定义一个底部

<header> 为章节或页面定义一个头部

<hgroup> 定义文档中某段落的信息

<keygen>       定义表单生成的关键

<mark>   定义被标记的文本

<meter>  定义预定义范围内的测量

<nav>     定义导航链接

<output> 定义某种类型的输出

<progress>     定义任意种类任务的进程

<rp> 定义浏览器不支持ruby元素的替代者

<rt> 定义ruby注释的解释

<ruby>    定义ruby 注释（中文注音或字符）。

<section> 定义章节

<source> 定义媒体资源

<summary>    定义某”detail”元素的头部

<time>    定义日期/时间

<video>  定义视频

<wbr>     定义可能的换行

 

HTML5支持且同时存在于HTML4中的标签<!– …–>      定义注释

<!DOCTYPE>       定义文档类型

<a>  定义超链接

<abbr>    定义缩写

<address>       定义地址元素

<area>    定义图片地图的某区域

<b> 定义加粗文字

<base>    定义整个页面的基础URL

<bdo>     定义文本显示的方向

<blockquote>  定义一个长引用

<body>   定义主体元素

<br> 插入单个的换行

<button> 定义按钮

<caption>       定义表格的标题

<cite>     定义引用

<code>    定义计算机代码文本

<col>      定义表格列的属性

<colgroup>     定义表格列的组

<dd>       定义个定义描述

<del>      定义删除文本

<dfn>     定义个定义项

<div>      定义文档章节

<dl> 定义定义列表

<dt> 定义定义项

<em>      定义强调文本

<fieldset>       定义控件组

<form>   定义表单

<h1>到<h6>   定义头部1到头部6

<head>    定义文档信息

<hr> 定义水平线

<html>    定义个html文档

<i>  定义倾斜文本

<iframe> 定义内联替代窗口（框架）

<img>     定义个图片

<input>   定义输入域

<ins>      定义插入文本

<kbd>     定义键盘文本

<label>   定义表单控件的标签

<legend> 定义控件组的标题

<li> 定义列表项

<link>     定义相关资源

<map>    定义图片地图

<menu>  定义菜单列表

<meta>   定义元信息

<noscript>      定义无脚本章节

<object>  定义内嵌对象

<ol> 定义一个有序列表

<optgroup>    定义个选项组

<option> 定义下拉列表选项

<p> 定义段落

<params>       定义object的参数

<pre>      定义预格式化文本

<q> 定义短引用

<s>  定义不再正确的文本

<samp>   定义简单的计算机代码

<script>  定义脚本

<select>  定义可选择列表

<small>   定义小点的文本

<span>    定义文档章节

<strong> 定义强调的文字

<style>    定义一个样式定义

<sub>     定义下标文字

<sup>     定义上标文字

<table>   定义表格

<tbody>  定义表格的主体

<td> 定义表格单元格

<textarea>      定义文本域

<tfoot>   定义表格底部

<th> 定义表格头

<thead>   定义表格头

<title>     定义文档的标题

<tr> 定义表格行

<ul> 定义无序列表

<var>      定义变量

 

HTML5不支持的标签<acronym>      在HTML4.01中定义首字母缩略词

<applet>  定义内嵌的小应用程序

<basefont>     定义文档中基本的字体属性

<big>      让文字变大点

<center>  居中显示文字或内容

<dir>      定义目录列表

<font>    指定字体种类，大小，颜色等

<frame>  在框架集中定义独有的窗体

<frameset>     定义框架集，包含多个窗体

<noframe>     当浏览器不支持框架的时候显示文字

<strike>  定义删除线文本

<tt> 定义电传打字机文本

<u> 定义下划线文字

<xmp>    定义格式化的文字

 

HTML5支持且同时存在于HTML4中的标签<!– …–>      定义注释

<!DOCTYPE>       定义文档类型

<a>  定义超链接

<abbr>    定义缩写

<address>       定义地址元素

<area>    定义图片地图的某区域

<b> 定义加粗文字

<base>    定义整个页面的基础URL

<bdo>     定义文本显示的方向

<blockquote>  定义一个长引用

<body>   定义主体元素

<br> 插入单个的换行

<button> 定义按钮

<caption>       定义表格的标题

<cite>     定义引用

<code>    定义计算机代码文本

<col>      定义表格列的属性

<colgroup>     定义表格列的组

<dd>       定义个定义描述

<del>      定义删除文本

<dfn>     定义个定义项

<div>      定义文档章节

<dl> 定义定义列表

<dt> 定义定义项

<em>      定义强调文本

<fieldset>       定义控件组

<form>   定义表单

<h1>到<h6>   定义头部1到头部6

<head>    定义文档信息

<hr> 定义水平线

<html>    定义个html文档

<i>  定义倾斜文本

<iframe> 定义内联替代窗口（框架）

<img>     定义个图片

<input>   定义输入域

<ins>      定义插入文本

<kbd>     定义键盘文本

<label>   定义表单控件的标签

<legend> 定义控件组的标题

<li> 定义列表项

<link>     定义相关资源

<map>    定义图片地图

<menu>  定义菜单列表

<meta>   定义元信息

<noscript>      定义无脚本章节

<object>  定义内嵌对象

<ol> 定义一个有序列表

<optgroup>    定义个选项组

<option> 定义下拉列表选项

<p> 定义段落

<params>       定义object的参数

<pre>      定义预格式化文本

<q> 定义短引用

<s>  定义不再正确的文本

<samp>   定义简单的计算机代码

<script>  定义脚本

<select>  定义可选择列表

<small>   定义小点的文本

<span>    定义文档章节

<strong> 定义强调的文字

<style>    定义一个样式定义

<sub>     定义下标文字

<sup>     定义上标文字

<table>   定义表格

<tbody>  定义表格的主体

<td> 定义表格单元格

<textarea>      定义文本域

<tfoot>   定义表格底部

<th> 定义表格头

<thead>   定义表格头

<title>     定义文档的标题

<tr> 定义表格行

<ul> 定义无序列表

<var>      定义变量

 

HTML5不支持的标签<acronym>      在HTML4.01中定义首字母缩略词

<applet>  定义内嵌的小应用程序

<basefont>     定义文档中基本的字体属性

<big>      让文字变大点

<center>  居中显示文字或内容

<dir>      定义目录列表

<font>    指定字体种类，大小，颜色等

<frame>  在框架集中定义独有的窗体

<frameset>     定义框架集，包含多个窗体

<noframe>     当浏览器不支持框架的时候显示文字

<strike>  定义删除线文本

<tt> 定义电传打字机文本

<u> 定义下划线文字

<xmp>    定义格式化的文字

 

二、HTML5文字备忘之全局属性

HTML5新添加全局属性contenteditable    指定是否允许用户编辑内容true | false

contextmenu   定义元素的上下文菜单menu id

draggable 指定是否允许用户拖拽元素true|false|auto

dropzone 指定当拖拽数据放开的时候会发生什么copy|move|link

hidden     指定元素不相干hidden

spellcheck       指定是否元素要进行拼写检查true | false

 

HTML5新添加全局属性contenteditable    指定是否允许用户编辑内容true | false

contextmenu   定义元素的上下文菜单menu id

draggable 指定是否允许用户拖拽元素true|false|auto

dropzone 指定当拖拽数据放开的时候会发生什么copy|move|link

hidden     指定元素不相干hidden

spellcheck       指定是否元素要进行拼写检查true | false

 

已存在的全局属性accesskey       指定访问元素的快捷键字符(character)

class 指定元素的类名（为样式表）类名(classname)

dir   指定元素文本内容的对齐方向ltr|rtl

id    为元素指定唯一的idid

lang 为元素内容指定语言代码语言代码(language code)

style 指定元素的内联样式样式定义(style definition)

tabindex  指定元素的tab顺序数值(nubmer)

title  指定元素额外的信息文本(text)

 

已存在的全局属性accesskey       指定访问元素的快捷键字符(character)

class 指定元素的类名（为样式表）类名(classname)

dir   指定元素文本内容的对齐方向ltr|rtl

id    为元素指定唯一的idid

lang 为元素内容指定语言代码语言代码(language code)

style 指定元素的内联样式样式定义(style definition)

tabindex  指定元素的tab顺序数值(nubmer)

title  指定元素额外的信息文本(text)

 

三、HTML5文字备忘之事件属性

 

1. window对象

window新增事件属性onafterprint      在文档打印之后执行

onbeforeprint  在文档打印之前执行

onbeforeloaded      在文档加载完毕之前执行

onerror    当错误发生时执行

onhaschange   当文档发生改变的时候执行

onmessage      当该信息被触发的时候执行

onoffline 当文档离线的时候执行

ononline  当文档上线的时候执行

onpagehide     当窗体隐藏的时候执行

onpageshow    当窗体显示的时候执行

onpopstate      当窗体历史改变的时候执行

onredo    当文档执行恢复上一次操作的时候执行

onresize   当窗体大小改变的时候执行

onstorage 当文档加载ok的时候执行

onondo    当文档执行恢复之前一次操作的时候执行

onunload 当用户离开文档的时候执行

 

window已存在事件属性onblur   当窗体失去焦点的时候执行

onfocus   当窗体获得焦点的时候执行

onload     当文档加载完毕的时候执行

 

 

2. form表单的事件属性

form表单新增事件属性oncontextmenu     当上下文菜单被触发的时候执行

onformchange 当表单发生改变的时候执行

onforminput   当表单获得用户输入时候执行

oninput   当元素获得用户输入的时候执行

oninvalid 当元素验证无效的时候执行

 

form表单已支持事件属性onblur       当元素失去焦点的时候执行

onchange 当元素改变的时候执行

onfocus   当元素获得焦点的时候执行

onselect   当元素被选择的时候执行

onsubmit 当表单被提交的时候执行

 

HTML5不支持的form表单事件属性onreset   当表单重置的时候执行

 

 

3. 键盘事件

已存在的键盘事件属性onkeydown    当键按下的时候执行

onkeypress      当键按下并释放的时候执行

onkeyup  当键抬起的时候执行

 

 

4. 鼠标事件

HTML5新增鼠标事件属性ondrag     当元素被拖拽的时候执行

ondragend      当元素拖拽操作结束的时候执行

ondragenter    当元素拖拽进入释放对象的时候

ondragleave    当元素拖拽离开释放对象的时候

ondragover     当元素拖拽经过释放对象的时候

ondragstart     当元素拖拽操作开始的时候执行

ondrop    当拖拽元素被放开的时候

onmouswheel  当鼠标滑轮滚动的时候执行

onscroll   当元素的滚动条滚动的时候执行

 

已存在的鼠标事件属性onclick   当鼠标点击的时候执行

ondbclick 当鼠标双击的时候执行

onmousedown 当鼠标按下的时候执行

onmousemove 当鼠标移动的时候执行

onmouseout    当鼠标移出元素的时候执行

onmouseover  当属性进入元素的时候执行

onmouseup     当鼠标抬起的时候执行

 

 

5. 媒体事件

HTML5中新增媒体事件oncanplay    当媒体可以播放的时候执行

oncanplaythrough   当媒体可以播放到最后的时候执行

ondurationchange   当媒体长度改变的时候执行

onemptied      当媒体资源元素变成空的时候执行

onended  当媒体已经到达最后的时候执行

onerror    当加载元素发生错误的时候执行

onloadeddata   当媒体数据加载完毕的时候执行

onloadedmetadata   当媒体元素的持续时间加载完毕的时候执行

onloadstart      当浏览器开始加载媒体数据的时候执行

onpause   当媒体数据暂停的时候执行

onplay     当媒体数据继续开始播放的时候执行

onplaying 当媒体数据已经开始播放的时候执行

onprogress      在浏览器正在获取媒体数据的时候执行

onratechange   当媒体数据播放比率发生改变的时候执行

onreadystatechange 当ready-state发生改变的时候执行

onseeked 当元素的seeking属性不是true的时候执行

onseeking       当元素的seeking属性是true的时候执行

onstalled  当获取元素数据发生错误的时候执行

onsuspend       当浏览器停止获取媒体数据的时候执行

ontimeupdate  当媒体改变其播放位置的时候执行

onvolumechange    当媒体音量大小发生改变的时候执行，包括无声

onwaiting 当媒体元素停止播放的时候

 

已存在的媒体事件属性onabort   碰到abort的时候执行

 

四、HTML5文字备忘之浏览器的准备情况

 

 

 

JAVA基本数据类型的分类

1. 整数类型

整数类型就是用来储存整数数值，即没有小数的整数部分，可以是整数，也可以是负数。在JAVA中有3中表现：十进制、八进制、和十六进制。

2. 整数型根据内存大小可以分为byte、short、int、long四种不同类型，它们具有不同的取值范围。如下图

3. 浮点型

浮点型是带有小数点部分的数字。分为单精度浮点类型（float)和双精度浮点类型（double),它们具有不同的取值范围。见下图

默认状态为double，如果要使用float，需要在小数后面加F或f，如果没加，系统便默认为double

4. 字符类型

（1）char型

char型是字符类型，使用char关键字进行声明，用于存储单个字符，系统分配两个字节的内存空间。在定义字符型变量时，要用单引号括起来，例如‘s’表示一个字符，且单引号中只能有一个字符，多了就不是字符类型了，而是字符串类型，需要用双引号进行声明。

5. （2）转义字符

转义字符是一种特殊的字符变量，它以反斜线“/“开头，后面跟着字符，表示不同于字符的原有意义，故称”转义“。具体见下表

6. 7

3、布尔类型

布尔类型又被称为逻辑类型，通过关键字boolean来定义布尔类型变量，只有ture和false两个变量，代表”真“与”假“，作为程序语言流程控制中的判定条件，

Java关键字及其作用

关键字总览:

访问控制类： private   protected   public

 

方法和变量修饰符: abstract   class    extends    final implements   interface  native      new static  strictfp       synchronized   transient volatile                             

 

程序控制: break     continue return      do    while      if     else  for   instance of

switch     case       default                                     

 

错误处理: try cathc     throw      throws

 

包相关:  import    package

 

基本类型: boolean byte      char double   float int  long      short       null   true     false

 

变量引用:      super       this  void                            

 

保留字:  goto       const

 

二、 详细解释

1. 访问控制

1) private 私有的

private 关键字是访问控制修饰符，可以应用于类、方法或字段（在类中声明的变量）。 只能在声明 private（内部）类、方法或字段的类中引用这些类、方法或字段。在类的外部或者对于子类而言，它们是不可见的。 所有类成员的默认访问范围都是 package 访问，也就是说，除非存在特定的访问控制修饰符，否则，可以从同一个包中的任何类访问类成员。

2) protected 受保护的

protected 关键字是可以应用于类、方法或字段（在类中声明的变量）的访问控制修饰符。可以在声明 protected 类、方法或字段的类、同一个包中的其他任何类以及任何子类（无论子类是在哪个包中声明的）中引用这些类、方法或字段。所有类成员的默认访问范围都是 package 访问，也就是说，除非存在特定的访问控制修饰符，否则，可以从同一个包中的任何类访问类成员。

 

3) public 公共的

public 关键字是可以应用于类、方法或字段（在类中声明的变量）的访问控制修饰符。 可能只会在其他任何类或包中引用 public 类、方法或字段。所有类成员的默认访问范围都是 package 访问，也就是说，除非存在特定的访问控制修饰符，否则，可以从同一个包中的任何类访问类成员。

2. 类、方法和变量修饰符

1) abstract 声明抽象

abstract关键字可以修改类或方法。abstract类可以扩展（增加子类），但不能直接实例化。abstract方法不在声明它的类中实现，但必须在某个子类中重写。采用 abstract方法的类本来就是抽象类，并且必须声明为abstract。

2) class类

class 关键字用来声明新的 Java 类，该类是相关变量和/或方法的集合。类是面向对象的程序设计方法的基本构造单位。类通常代表某种实际实体，如几何形状或人。类是对象的模板。每个对象都是类的一个实例。要使用类，通常使用 new 操作符将类的对象实例化，然后调用类的方法来访问类的功能。

3) extends 继承、扩展

extends 关键字用在 class 或 interface 声明中，用于指示所声明的类或接口是其名称后跟有 extends 关键字的类或接口的子类。子类继承父类的所有 public 和 protected 变量和方法。 子类可以重写父类的任何非 final 方法。一个类只能扩展一个其他类。

4) final 最终、不可改变

final 关键字可以应用于类，以指示不能扩展该类（不能有子类）。final 关键字可以应用于方法，以指示在子类中不能重写此方法。一个类不能同时是 abstract 又是 final。abstract 意味着必须扩展类，final 意味着不能扩展类。一个方法不能同时是 abstract 又是 final。abstract 意味着必须重写方法，final 意味着不能重写方法。

 

5) implements实现

implements 关键字在 class 声明中使用，以指示所声明的类提供了在 implements 关键字后面的名称所指定的接口中所声明的所有方法的实现。类必须提供在接口中所声明的所有方法的实现。一个类可以实现多个接口。

6) interface 接口

interface 关键字用来声明新的 Java 接口，接口是方法的集合。

接口是 Java 语言的一项强大功能。任何类都可声明它实现一个或多个接口，这意味着它实现了在这些接口中所定义的所有方法。 

实现了接口的任何类都必须提供在该接口中的所有方法的实现。一个类可以实现多个接口。

7) native 本地

native 关键字可以应用于方法，以指示该方法是用 Java 以外的语言实现的。

8) new 新,创建

new 关键字用于创建类的新实例。 

new 关键字后面的参数必须是类名，并且类名的后面必须是一组构造方法参数（必须带括号）。 

参数集合必须与类的构造方法的签名匹配。 

= 左侧的变量的类型必须与要实例化的类或接口具有赋值兼容关系。

9) static 静态

static 关键字可以应用于内部类（在另一个类中定义的类）、方法或字段（类的成员变量）。 

通常，static 关键字意味着应用它的实体在声明该实体的类的任何特定实例外部可用。

static（内部）类可以被其他类实例化和引用（即使它是顶级类）。在上面的示例中，另一个类中的代码可以实例化 MyStaticClass 类，方法是用包含它的类名来限定其名称，如 MyClass.MyStaticClass。 

static 字段（类的成员变量）在类的所有实例中只存在一次。 

可以从类的外部调用 static 方法，而不用首先实例化该类。这样的引用始终包括类名作为方法调用的限定符。

模式：public final static <type> varName = <value>; 通常用于声明可以在类的外部使用的类常量。在引用这样的类常量时需要用类名加以限定。在上面的示例中，另一个类可以用 MyClass.MAX_OBJECTS 形式来引用 MAX_OBJECTS 常量。

10) strictfp 严格,精准

strictfp的意思是FP-strict，也就是说精确浮点的意思。在Java虚拟机进行浮点运算时，如果没有指定strictfp关键字时，Java的编译器以及运行环境在对浮点运算的表达式是采取一种近似于我行我素的行为来完成这些操作，以致于得到的结果往往无法令人满意。而一旦使用了strictfp来声明一个类、接口或者方法时，那么所声明的范围内Java的编译器以及运行环境会完全依照浮点规范IEEE-754来执行。因此如果想让浮点运算更加精确，而且不会因为不同的硬件平台所执行的结果不一致的话，那就请用关键字strictfp。

可以将一个类、接口以及方法声明为strictfp，但是不允许对接口中的方法以及构造函数声明strictfp关键字

11) synchronized线程、同步

synchronized 关键字可以应用于方法或语句块，并为一次只应由一个线程执行的关键代码段提供保护。 

synchronized 关键字可防止代码的关键代码段一次被多个线程执行。 

如果应用于静态方法，那么，当该方法一次由一个线程执行时，整个类将被锁定。 

如果应用于实例方法，那么，当该方法一次由一个线程访问时，该实例将被锁定。 

如果应用于对象或数组，当关联的代码块一次由一个线程执行时，对象或数组将被锁定。

12) transient 短暂

transient 关键字可以应用于类的成员变量，以便指出该成员变量不应在包含它的类实例已序列化时被序列化。

当一个对象被串行化的时候，transient型变量的值不包括在串行化的表示中，然而非transient型的变量是被包括进去的。

Java的serialization提供了一种持久化对象实例的机制。当持久化对象时，可能有一个特殊的对象数据成员，我们不想用serialization机制来保存它。为了在一个特定对象的一个域上关闭serialization，可以在这个域前加上关键字transient。
     transient是Java语言的关键字，用来表示一个域不是该对象串行化的一部分。当一个对象被串行化的时候，transient型变量的值不包括在串行化的表示中，然而非transient型的变量是被包括进去的。

13) volatile 易失

volatile 关键字用于表示可以被多个线程异步修改的成员变量。 

注意：volatile 关键字在许多 Java 虚拟机中都没有实现。 volatile 的目标用途是为了确保所有线程所看到的指定变量的值都是相同的。

Java 语言中的 volatile 变量可以被看作是一种 “程度较轻的 synchronized”；与 synchronized 块相比，volatile 变量所需的编码较少，并且运行时开销也较少，但是它所能实现的功能也仅是 synchronized 的一部分。

 

 

 

3. 程序控制语句

1) break 跳出，中断

break 关键字用于提前退出 for、while 或 do 循环，或者在 switch 语句中用来结束 case 块。 

break 总是退出最深层的 while、for、do 或 switch 语句。

2) continue 继续

continue 关键字用来跳转到 for、while 或 do 循环的下一个迭代。 

continue 总是跳到最深层 while、for 或 do 语句的下一个迭代。

3) return 返回

return 关键字会导致方法返回到调用它的方法，从而传递与返回方法的返回类型匹配的值。 

如果方法具有非 void 的返回类型，return 语句必须具有相同或兼容类型的参数。 

返回值两侧的括号是可选的。

4) do 运行

do 关键字用于指定一个在每次迭代结束时检查其条件的循环。 

do 循环体至少执行一次。 

条件表达式后面必须有分号。

5) while 循环

while 关键字用于指定一个只要条件为真就会重复的循环。

6) if 如果

if 关键字指示有条件地执行代码块。条件的计算结果必须是布尔值。 

if 语句可以有可选的 else 子句，该子句包含条件为 false 时将执行的代码。 

包含 boolean 操作数的表达式只能包含 boolean 操作数。

7) else 否则

else 关键字总是在 if-else 语句中与 if 关键字结合使用。else 子句是可选的，如果 if 条件为 false，则执行该子句。

8) for 循环

for 关键字用于指定一个在每次迭代结束前检查其条件的循环。 

for 语句的形式为 for(initialize; condition; increment) 

控件流进入 for 语句时，将执行一次 initialize 语句。 

每次执行循环体之前将计算 condition 的结果。如果 condition 为 true，则执行循环体。 

每次执行循环体之后，在计算下一个迭代的 condition 之前，将执行 increment 语句。

9) instanceof 实例

instanceof 关键字用来确定对象所属的类。

10) switch 观察

switch 语句用于基于某个表达式选择执行多个代码块中的某一个。 

switch 条件的计算结果必须等于 byte、char、short 或 int。 

case 块没有隐式结束点。break 语句通常在每个 case 块末尾使用，用于退出 switch 语句。 

如果没有 break 语句，执行流将进入所有后面的 case 和/或 default 块。

11) case 返回观察里的结果

case 用来标记 switch 语句中的每个分支。 

case 块没有隐式结束点。break 语句通常在每个 case 块末尾使用，用于退出 switch 语句。 

如果没有 break 语句，执行流将进入所有后面的 case 和/或 default 块。

12) default 默认

default 关键字用来标记 switch 语句中的默认分支。 

default 块没有隐式结束点。break 语句通常在每个 case 或 default 块的末尾使用，以便在完成块时退出 switch 语句。 

如果没有 default 语句，其参数与任何 case 块都不匹配的 switch 语句将不执行任何操作。

4. 错误处理

1) try 捕获异常

try 关键字用于包含可能引发异常的语句块。 

每个 try 块都必须至少有一个 catch 或 finally 子句。 

如果某个特定异常类未被任何 catch 子句处理，该异常将沿着调用栈递归地传播到下一个封闭 try 块。如果任何封闭 try 块都未捕获到异常，Java 解释器将退出，并显示错误消息和堆栈跟踪信息。

2) catch 处理异常

catch 关键字用来在 try-catch 或 try-catch-finally 语句中定义异常处理块。 

开始和结束标记 { 和 } 是 catch 子句语法的一部分，即使该子句只包含一个语句，也不能省略这两个标记。 

每个 try 块都必须至少有一个 catch 或 finally 子句。 

如果某个特定异常类未被任何 catch 子句处理，该异常将沿着调用栈递归地传播到下一个封闭 try 块。如果任何封闭 try 块都未捕获到异常，Java 解释器将退出，并显示错误消息和堆栈跟踪信息。

3) throw 抛出一个异常对象

throw 关键字用于引发异常。 

throw 语句将 java.lang.Throwable 作为参数。Throwable 在调用栈中向上传播，直到被适当的 catch 块捕获。 

引发非 RuntimeException 异常的任何方法还必须在方法声明中使用 throws 修饰符来声明它引发的异常。

4) throws 声明一个异常可能被抛出

throws 关键字可以应用于方法，以便指出方法引发了特定类型的异常。 

throws 关键字将逗号分隔的 java.lang.Throwables 列表作为参数。 

引发非 RuntimeException 异常的任何方法还必须在方法声明中使用 throws 修饰符来声明它引发的异常。 

要在 try-catch 块中包含带 throws 子句的方法的调用，必须提供该方法的调用者。

5. 包相关

1) import 引入

import 关键字使一个包中的一个或所有类在当前 Java 源文件中可见。可以不使用完全限定的类名来引用导入的类。 

当多个包包含同名的类时，许多 Java 程序员只使用特定的 import 语句（没有“*”）来避免不确定性。

2) package 包

package 关键字指定在 Java 源文件中声明的类所驻留的 Java 包。 

package 语句（如果出现）必须是 Java 源文件中的第一个非注释性文本。 

例:java.lang.Object。 

如果 Java 源文件不包含 package 语句，在该文件中定义的类将位于“默认包”中。请注意，不能从非默认包中的类引用默认包中的类。

6. 基本类型

1) boolean 布尔型

boolean 是 Java 原始类型。boolean 变量的值可以是 true 或 false。 

boolean 变量只能以 true 或 false 作为值。boolean 不能与数字类型相互转换。 

包含 boolean 操作数的表达式只能包含 boolean 操作数。 

Boolean 类是 boolean 原始类型的包装对象类。

2) byte 字节型

byte 是 Java 原始类型。byte 可存储在 [-128, 127] 范围以内的整数值。 

Byte 类是 byte 原始类型的包装对象类。它定义代表此类型的值的范围的 MIN_VALUE 和 MAX_VALUE 常量。 

Java 中的所有整数值都是 32 位的 int 值，除非值后面有 l 或 L（如 235L），这表示该值应解释为 long。

3) char 字符型

char 是 Java 原始类型。char 变量可以存储一个 Unicode 字符。 

可以使用下列 char 常量：\b - 空格, \f - 换页, \n - 换行, \r - 回车, \t - 水平制表符, \' - 单引号, \" - 双引号, \\ - 反斜杠, \xxx - 采用 xxx 编码的 Latin-1 字符。\x 和 \xx 均为合法形式，但可能引起混淆。 \uxxxx - 采用十六进制编码 xxxx 的 Unicode 字符。 

Character 类包含一些可用来处理 char 变量的 static 方法，这些方法包括 isDigit()、isLetter()、isWhitespace() 和 toUpperCase()。 

char 值没有符号。

4) double 双精度

double 是 Java 原始类型。double 变量可以存储双精度浮点值。 

由于浮点数据类型是实际数值的近似值，因此，一般不要对浮点数值进行是否相等的比较。 

Java 浮点数值可代表无穷大和 NaN（非数值）。Double 包装对象类用来定义常量 MIN_VALUE、MAX_VALUE、NEGATIVE_INFINITY、POSITIVE_INFINITY 和 NaN。

5) float 浮点

float 是 Java 原始类型。float 变量可以存储单精度浮点值。 

使用此关键字时应遵循下列规则： 

Java 中的浮点文字始终默认为双精度。要指定单精度文字值，应在数值后加上 f 或 F，如 0.01f。 

由于浮点数据类型是实际数值的近似值，因此，一般不要对浮点数值进行是否相等的比较。 

Java 浮点数值可代表无穷大和 NaN（非数值）。Float 包装对象类用来定义常量 MIN_VALUE、MAX_VALUE、NEGATIVE_INFINITY、POSITIVE_INFINITY 和 NaN。

6) int 整型

int 是 Java 原始类型。int 变量可以存储 32 位的整数值。 

Integer 类是 int 原始类型的包装对象类。它定义代表此类型的值的范围的 MIN_VALUE 和 MAX_VALUE 常量。 

Java 中的所有整数值都是 32 位的 int 值，除非值后面有 l 或 L（如 235L），这表示该值应解释为 long。

7) long 长整型

long 是 Java 原始类型。long 变量可以存储 64 位的带符号整数。 

Long 类是 long 原始类型的包装对象类。它定义代表此类型的值的范围的 MIN_VALUE 和 MAX_VALUE 常量。 

Java 中的所有整数值都是 32 位的 int 值，除非值后面有 l 或 L（如 235L），这表示该值应解释为 long。

8) short 短整型

short 是 Java 原始类型。short 变量可以存储 16 位带符号的整数。 

Short 类是 short 原始类型的包装对象类。它定义代表此类型的值的范围的 MIN_VALUE 和 MAX_VALUE 常量。 

Java 中的所有整数值都是 32 位的 int 值，除非值后面有 l 或 L（如 235L），这表示该值应解释为 long。

9) null 空

null 是 Java 的保留字，表示无值。 

将 null 赋给非原始变量相当于释放该变量先前所引用的对象。 

不能将 null 赋给原始类型（byte、short、int、long、char、float、double、boolean）变量。

10) true 真

true 关键字表示 boolean 变量的两个合法值中的一个。

 

11) false 假

false 关键字代表 boolean 变量的两个合法值之一。

7. 变量引用

1) super 父类,超类

super 关键字用于引用使用该关键字的类的超类。 

作为独立语句出现的 super 表示调用超类的构造方法。 

super.<methodName>() 表示调用超类的方法。只有在如下情况中才需要采用这种用法：要调用在该类中被重写的方法，以便指定应当调用在超类中的该方法。

2) this 本类

this 关键字用于引用当前实例。 

当引用可能不明确时，可以使用 this 关键字来引用当前的实例。

3) void 无返回值

void 关键字表示 null 类型。 

void 可以用作方法的返回类型，以指示该方法不返回值。

8. 保留字

正确识别java语言的关键字（keyword）和保留字（reserved word）是十分重要的。Java的关键字对java的编译器有特殊的意义，他们用来表示一种数据类型，或者表示程序的结构等。保留字是为java预留的关键字，他们虽然现在没有作为关键字，但在以后的升级版本中有可能作为关键字。

识别java语言的关键字，不要和其他语言如c/c++的关键字混淆。 
const和goto是java的保留字。 所有的关键字都是小写 

 

 

1) goto 跳转

goto 保留关键字，但无任何作用。结构化程序设计完全不需要 goto 语句即可完成各种流程，而 goto 语句的使用往往会使程序的可读性降低，所以 Java 不允许 goto 跳转。

2) const 静态

const 保留字，是一个类型修饰符，使用const声明的对象不能更新。与final某些类似。

3) native 本地

　Java不是完美的，Java的不足除了体现在运行速度上要比传统的C++慢许多之外，Java无法直接访问到操作系统底层（如系统硬件等)，为此Java使用native方法来扩展Java程序的功能。 

　　可以将native方法比作Java程序同Ｃ程序的接口，其实现步骤： 

　　１、在Java中声明native()方法，然后编译； 

　　２、用javah产生一个.h文件； 

　　３、写一个.cpp文件实现native导出方法，其中需要包含第二步产生的.h文件（注意其中又包含了JDK带的jni.h文件）； 

　　４、将第三步的.cpp文件编译成动态链接库文件； 

　　５、在Java中用System.loadLibrary()方法加载第四步产生的动态链接库文件，这个native()方法就可以在Java中被访问了。 

 

 

CSS标签大全

 

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伪元素（Pseudoelements）

属性

描述

CSS

:first-letter

向文本的第一个字母添加特殊样式。

1

:first-line

向文本的首行添加特殊样式。

1

:before

在元素之前添加内容。

2

:after

在元素之后添加内容。

2

打印属性

打印 HTML 文档总是会出现问题。在 CSS2 中，我们可以借助打印属性让打印 web 内容更容易一些。

属性

描述

值

orphans

设置元素放在页面底部时所允许的最少文本行数。

number

marks

设置是否在内容区之外但是在画布的可打印区域内放“十字标志”。

请注意，CSS2.1 已删除该属性。

none

crop

cross

page

这个属性与 size 属性结合可以指定打印一个元素时所用的特定页面类型。

请注意，CSS2.1 已删除该属性。

auto identifier

page-break-after

设置元素后是否应当放置分页符。

auto

always

avoid

left

right

page-break-before

设置元素前否应当放置分页符。

auto

always

avoid

left

right

page-break-inside

设置元素内部是否应当放置分页符。

auto

avoid

size

利用这个属性，创作人员可以声明打印一个元素时所用页框的大小和方向。它可以与 page 结合使用。不过并不要求一定如此。

请注意，CSS2.1 已删除该属性。

auto

portrait

landscape

widows

设置元素放在页面顶部时所允许的最少文本行数。

number

CSS3新增文本属性