蓝色忘忧

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标签：

...普通卷动

...滑动

...预设卷动

...来回卷动

...向下卷动

...向上卷动

向右卷动

向左卷动

...卷动次数

...设定宽度

...设定高度

...设定背景颜色

...设定滚动速度

...设定卷动时间

...鼠标经过上面时停止滚动

...鼠标离开时开始滚动

字体效果

...

标题字(最大)

...

标题字(最小)

...粗体字

...粗体字(强调) （同上效果略同）

...斜体字

...斜体字(强调)

...斜体字(表示定义)

...底线

...底线(表示插入文字)

~~...~~横线

~~...~~删除线

~~...~~删除线(表示删除)

...键盘文字

...打字体

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

...</plaintext>固定宽度字体(不执行标记符号) </p> <p><listing>...</listing>固定宽度小字体 </p> <p><fontcolor=00ff00>...</font>字体颜色 </p> <p><fontsize=1>...</font>最小字体 </p> <p><font style=’font-size:100 px’>...</font>无限增大 </p> <p><strong> </strong></p> <p><strong>区断标记 </strong></p> <p><hr>水平线 </p> <p><hrsize=’9’>水平线(设定大小) </p> <p><hrwidth=’80%’>水平线(设定宽度) </p> <p><hrcolor=’ff0000’>水平线(设定颜色) </p> <p><br>(换行) </p> <p><nobr>...</nobr>水域(不换行) </p> <p><p>...</p>水域(段落) </p> <p><center>...</center>置中 </p> <p><strong>连结格式 </strong></p> <p><base href=位址>(预设好连结路径) </p> <p><a href=位址></a>外部连结 </p> <p><a href=位址 target=’_blank’></a>外部连结(另开新视窗) </p> <p><a href=位址 target=’_top’></a>外部连结(全视窗连结) </p> <p><a href=位址 target=’页框名’></a>外部连结(在指定页框连结) </p> <p><strong>贴图/音乐 </strong></p> <p><img src=图片位址>贴图 </p> <p><img src=图片位址 width=’180’>设定图片宽度 </p> <p><img src=图片位址 height=’30’>设定图片高度 </p> <p><img src=图片位址 alt=’提示文字’>设定图片提示文字 </p> <p><img src=图片位址’ border=’1’>设定图片边框 </p> <p><bgsoundsrc=MID音乐档位址>背景音乐设定 </p> <p><strong>表格语法 </strong></p> <p><tablealing=left>...</table>表格位置,置左 </p> <p><tablealing=center>...</table>表格位置,置中 </p> <p><tablebackground=图片路径>...</table>背景图片的URL=就是路径网址 </p> <p><table border=边框大小>...</table>设定表格边框大小(使用数字) </p> <p><table bgcolor=颜色码>...</table>设定表格的背景颜色 </p> <p><tableborderclor=颜色码>...</table>设定表格边框的颜色 </p> <p><tableborderclordark=颜色码>...</table>设定表格暗边框的颜色 </p> <p><table borderclorlight=颜色码>...</table>设定表格亮边框的颜色 </p> <p><tablecellpadding=参数>...</table>指定内容与格线之间的间距(使用数字) </p> <p><tablecellspacing=参数>...</table>指定格线与格线之间的距离(使用数字) </p> <p><table cols=参数>...</table>指定表格的栏数 </p> <p><table frame=参数>...</table>设定表格外框线的显示方式</p> <p><table width=宽度>...</table>指定表格的宽度大小(使用数字) </p> <p><table height=高度>...</table>指定表格的高度大小(使用数字) </p> <p><td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字) </p> <p><td rowspan=参数>...</td>指定储存格合并列的列数(使用数字) </p> <p><strong> </strong></p> <p><strong>分割视窗 </strong></p> <p><framesetcols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 </p> <p><framesetrows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 </p> <p><framesetcols="20%,*">分割左右两个框架 </p> <p><framesetcols="20%,*,20%">分割左中右三个框架 </p> <p><分割上下两个框架 </p> <p><framesetrows="20%,*,20%">分割上中下三个框架 </p> <p>属性： </p> <p><strong>cols</strong>垂直切割窗口（如左右分割两个窗口）接受整数值，百分数，*（*代表占用余下空间）数值的个数代表分成的部分数目，要以逗号分隔。例：cols="30,*,50%"可以切成三个视窗，第一部分是30像素（pixels）为绝对分割，第二部分是当分配完第一和第三视图后剩下的空间，第三部分则占整个窗口的50%宽度，为相对分割。</p> <p><strong>rows</strong>就是横向切割，将窗口上下分开，数值设置同上。 </p> <p>以上两属性尽量不要在同一个<frameset>标记中，因为王井（netscape）不支持，尽量采用多重分割。</p> <p>frameborder 设置框架的边框，其值有0不要边框，1要边框。 </p> <p>border 设置框架边框厚度 </p> <p>framespacing 表示框架与框架间保留空白的距离 </p> <p>frame 元素（单标签） </p> <p>语法格式： </p> <p><framename="" src="url" scrolling="yes/no" noresize></p> <p>属性： </p> <p>name 框架名称，指定框架来做连接的目标窗口。 </p> <p>src 框架中要显示的网页文当url地址，每个个框架要对应一个html文挡。 </p> <p>scrolling 是否显示滚动条，yes/no,auto是自动。 </p> <p>noresize 设置不让使用者改变这个框架的大小， </p> <p><strong>noframe元素 </strong></p> <p>指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息 </p> <p>语法格式： </p> <p><noframe> </p> <p>...... </p> <p></noframe> </p> <p><strong>表单<form></form> </strong></p> <p>语法格式： </p> <p><formaction="url" method="get/post"> </p> <p>.... </p> <p><inputtype=submit><input type=reset> </p> <p></form> </p> <p>method有两种提交方式get,post </p> <p>action 是指明处理该表单的程序位置，这样表单所填的资料才能传给cgi做处里，可设定此参数为action="mailto:lwr8494@163.com"这样此表单所填的资料将会发送到这个邮箱地址。</p> <p>method 是指传送信息给cgi等网络程序的方式。可选post方法， get方法，post方法容许传送大量信息。get方法只接受低于1k的信息。 </p> <p>申请表单用的是post搜索引擎用的是get </p> <p> </p> <h3><! - - ... - ->注解 </h3> <p><A HREFTARGET> 指定超连结的分割视窗 </p> <p><A HREF=#锚的名称> 指定锚名称的超链接 </p> <p><A HREF> 指定超链接 </p> <p><A NAME=锚的名称> 被链接点的名称 </p> <p><ADDRESS>....</ADDRESS>用来显示电子邮箱地址 </p> <p><B> 粗体字 </p> <p><BASETARGET> 指定超连结的分割视窗 </p> <p><BASEFONTSIZE> 更改预设字形大小 </p> <p><BGSOUNDSRC> 加入背景音乐 </p> <p><BIG> 显示大字体 </p> <p><BLINK> 闪烁的文字 </p> <p><BODY TEXT LINKVLINK> 设定文字颜色 </p> <p><BODY> 显示本文 </p> <p><BR> 换行 </p> <p><CAPTIONALIGN> 设定表格标题位置 </p> <p><CAPTION>...</CAPTION>为表格加上标题 </p> <p><CENTER> 向中对齐 </p> <p><CITE>...<CITE>用於引经据典的文字 </p> <p><CODE>...</CODE>用於列出一段程式码 </p> <p><COMMENT>...</COMMENT>加上注解 </p> <p><DD> 设定定义列表的项目解说 </p> <p><DFN>...</DFN>显示"定义"文字 </p> <p><DIR>...</DIR>列表文字标签 </p> <p><DL>...</DL>设定定义列表的标签 </p> <p><DT> 设定定义列表的项目 </p> <p><EM> 强调之用 </p> <p><FONT FACE> 任意指定所用的字形 </p> <p><FONT SIZE> 设定字体大小 </p> <p><FORMACTION> 设定户动式表单的处理方式 </p> <p><FORMMETHOD> 设定户动式表单之资料传送方式 </p> <p><FRame MARGINHEIGHT>设定视窗的上下边界 </p> <p><FRameMARGINWIDTH> 设定视窗的左右边界 </p> <p><FRame NAME>为分割视窗命名 </p> <p><FRameNORESIZE> 锁住分割视窗的大小 </p> <p><FRameSCROLLING> 设定分割视窗的卷轴 </p> <p><FRame SRC> 将HTML档加入视窗 </p> <p><FRameSETCOLS> 将视窗分割成左右的子视窗 </p> <p><FRameSETROWS> 将视窗分割成上下的子视窗 </p> <p><FRameSET>...</FRameSET>划分分割视窗 </p> <p><H1>~<H6>设定文字大小 </p> <p><HEAD> 标示文件资讯 </p> <p><HR> 加上分格线 </p> <p><HTML> 文件的开始与结束 </p> <p><I> 斜体字 </p> <p><IMG ALIGN> 调整图形影像的位置 </p> <p><IMG ALT> 为你的图形影像加注 </p> <p><IMG DYNSRCLOOP> 加入影片 </p> <p><IMG HEIGHTWIDTH> 插入图片并预设图形大小 </p> <p><IMG HSPACE>插入图片并预设图形的左右边界 </p> <p><IMG LOWSRC>预载图片功能 </p> <p><IMG SRCBORDER> 设定图片边界 </p> <p><IMG SRC> 插入图片 </p> <p><IMG VSPACE>插入图片并预设图形的上下边界 </p> <p><INPUT TYPENAME value> 在表单中加入输入栏位 </p> <p><ISINDEX> 定义查询用表单 </p> <p><KBD>...</KBD>表示使用者输入文字 </p> <p><LITYPE>...</LI> 列表的项目 ( 可指定符号 ) </p> <p><MARQUEE> 跑马灯效果 </p> <p><MENU>...</MENU>条列文字标签 </p> <p><metaNAME="REFRESH" CONTENT URL> 自动更新文件内容 </p> <p><MULTIPLE> 可同时选择多项的列表栏 </p> <p><NOFRame> 定义不出现分割视窗的文字 </p> <p><OL>...</OL>有序号的列表 </p> <p><OPTION> 定义表单中列表栏的项目 </p> <p><P ALIGN> 设定对齐方向 </p> <p><P> 分段 </p> <p><PERSON>...</PERSON>显示人名 </p> <p><PRE> 使用原有排列 </p> <p><SAMP>...</SAMP>用於引用字 </p> <p><select>...</select > 在表单中定义列表栏 </p> <p><SMALL> 显示小字体 </p> <p><STRIKE> 文字加横线 </p> <p><STRONG> 用于加强语气 </p> <p><SUB> 下标字 </p> <p><SUP> 上标字 </p> <p><TABLEBORDER=n> 调整表格的宽线高度 </p> <p><TABLECELLPADDING> 调整资料栏位之边界 </p> <p><TABLECELLSPACING> 调整表格线的宽度 </p> <p><TABLEHEIGHT> 调整表格的高度 </p> <p><TABLEWIDTH> 调整表格的宽度 </p> <p><TABLE>...</TABLE>产生表格的标签 </p> <p><TD ALIGN> 调整表格栏位之左右对齐 </p> <p><TD BGCOLOR>设定表格栏位的背景颜色 </p> <p><TD COLSPANROWSPAN> 表格栏位的合并 </p> <p><TD NOWRAP> 设定表格栏位不换行 </p> <p><TD VALIGN> 调整表格栏位之上下对齐 </p> <p><TD WIDTH> 调整表格栏位宽度 </p> <p><TD>...</TD>定义表格的资料栏位 </p> <p><TEXTAREA NAMEROWS COLS> 表单中加入多少列的文字输入栏 </p> <p><TEXTAREAWRAP> 决定文字输入栏是自动否换行 </p> <p><TH>...</TH>定义表格的标头栏位 </p> <p><TITLE> 文件标题 </p> <p><TR>...</TR>定义表格美一行 </p> <p><TT> 打字机字体 </p> <p><U> 文字加底线 </p> <p><ULTYPE>...</UL> 无序号的列表 ( 可指定符号 ) </p> <p><var>...</var>用於显示变数 </p> <p>BlockQuotc文本缩进 </p> <p><strong>表示颜色的有三种方式：</strong></p> <p>1，16进制颜色代码 </p> <p>语法：#RRGGBB </p> <p>例：<font color="#ff0000">红色</font> </p> <p>2，10进制RGB码 </p> <p>语法：RGB（RRR，GGG，BBB） </p> <p>例：<fontcolor="rgb(255,000,000)">红色</font></p> <p>3,直接用颜色的英文名称 </p> <p>例：<font color="red">红色</font> </p> <p><strong><body>.....</body>属性可分为三种： </strong></p> <p>1，背景属性 </p> <p>包括：bgcolor,background </p> <p>2,文字属性： </p> <p>包括：text,link,alink,vlink, </p> <p>3,留白属性： </p> <p>其中分为：leftmargin,topmargin </p> <p>.bgcolor背景色 </p> <p>语法格式：<body bgcolor="#ff0000"> </p> <p>.background背景图案。 </p> <p>语法格式：<body background="url"> </p> <p>.text文本颜色（非连接文字颜色） </p> <p>.link连接文字颜色（可连接文字颜色） </p> <p>.alink活动连接文字颜色（正被点击的可连接文字的颜色） </p> <p>.vlink已访问连接文字颜色）（已经点击访问过的可连接文字的颜色） </p> <p>语法格式：<body text="color"link="color" alink="color" vlink="color"> </p> <p>.leftmargin 页面左侧的留白距离 </p> <p>.topmargin 页面顶部的留白距离 </p> <p>语法格式：<body leftmargin="value"topmargin="value"> </p> <p>注：value为长度值为数字 </p> <p><strong>align 属性 </strong></p> <p>语法：<h2 align="?">文字</h2> </p> <p>其属性有三种：left靠左,center居中,right靠右 </p> <p>〈p〉</p>为段落标记，可利用以上属性对整个段落进行设置 </p> <p>〈br>为换行标记 </p> <p><nobr></nobr>为不换行标记放在文字两边即可 </p> <p>例：<body> </p> <p><h3>江南逢李龟年</h3> </p> <p><p>歧王宅里寻常见<br> </p> <p>催九堂前几度闻<br> </p> <p>正是江南好风景<br> </p> <p>落花时节又逢君</p> </p> <p></body> </p> <p><strong>预格式化： </strong></p> <p><pre>......</pre>浏览是效果和编写是效果格式一样 </p> <p><strong>列表</strong> </p> <p><strong>1．无序列表又称符号列表 </strong></p> <p>语法格式： </p> <p><ultype="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框 </p> <p><li>文字</li> </p> <p><li>文字</li> </p> <p></ul> </p> <p><strong> </strong></p> <p><strong>2．有序列表 </strong></p> <p>语法格式： </p> <p><oltype="?" start"?"> </p> <p><li>文字</li> </p> <p><li>文字</li> </p> <p></ol> </p> <p>type的值是编号字符可选的有1...,a...,A...,i... ,I... </p> <p>start为起始值例：如果start为3是那么将从3开始，而且必须是数字。 </p> <p><strong> </strong></p> <p><strong>3．定义列表 </strong></p> <p><dl>定义列表标记 </p> <p><dt>标示定义条目 </p> <p><dd>标示定义内容 </p> <p>语法格式： </p> <p><dl> </p> <p><dt>文字</dt> </p> <p><dd>文字内容</dd> </p> <p></dl> </p> <p>连接和图像 </p> <p>语法格式： </p> <p><ahref="url" name="?" target="?"title="?">....</a> </p> <p>属性：href 连接目标值可以是url地址也可以是连接锚点 </p> <p><ahref="url">...</a>或者 </p> <p><a href="锚点">...</a> </p> <p><strong>name 连接名称 </strong></p> <p>语法格式：<a name="锚点名称">...</a> </p> <p>例：<aname="abcdcf">...</a> </p> <p>连接到该锚点的连接则应是： </p> <p><aname="#abcdef">....</a> </p> <p><strong>target目标窗口语法格式</strong>： <strong></strong></p> <p><ahref="url"target="_blank|_self|_farent|_top|windowname">....</a></p> <p>-blank打开新窗口 </p> <p>_self当前窗口打开 </p> <p>一下两个仅在框架叶面中应用 </p> <p>_parent当前窗口的父级窗口（上一级）打开 </p> <p>_top在最高一级的窗口打开 </p> <p>windowname已命名的窗口或框架中打开连接 </p> <p>title连接提示 </p> <p><ahref="http://www.crazytribe.net" title="打开狂人部落的首页">狂人部落</a></p> <h3>图像<img> 语法格式：</h3> <p><imgsrc="url" alt="?" width="?" height="?"border="?" align="?"> </p> <p>border属性定义图片边框的宽度，默认值为0 </p> <p>align属性设置图片旁边文字的位置 </p> <p>语法格式：<img src=""align""> </p> <p>可选值有： </p> <p>top图片和文字顶部对齐 </p> <p>middle图片和文字居中对齐 </p> <p>bottom图片和文字底边对齐（默认） </p> <p>left图片居左对齐，文字沿图片绕排 </p> <p>right图片居右对齐，文字沿图片绕排 </p> <p>absmiddle图片对齐到目前文字行绝对中央 </p> <p>absbottom图片对齐到目前文字行绝对底部 </p> <p>文字的排版 </p> <p>不换行空白标记 </p> <p><strong>font元素 </strong></p> <p>语法格式： </p> <p><fontface="字体名称" size="字体大小" color="字体颜色"></p> <p>字体大小可选值为1——7，默认为3 </p> <p>例：〈font face="黑体" size="4"color="#ff00ff">....</font> </p> <p><strong>水平线<hr> </strong></p> <p>语法格式：<hr width="宽度" align="对齐方式默认居中center"size="水平线厚度默认为2" color="颜色" noshade></p> <p>noshade无阴影，既实线 </p> <p>层〈div><span>两种元素 </p> <p><div>是块级元素，和段落元素<p>相似，不同的是两个<div>元素之间不会产生两个<p>元素之间的空行， </p> <p><span>是行内元素，可以定义段落中部分文字的属性 </p> <p>语法格式： </p> <p><divalign="" style="">...</div> </p> <p>align设置层中元素的水平对齐方式 </p> <p>stule设置元素应用css规范的属性 </p> <p><div>兼容性比<span>要好一点，最好使用<div></p> <h3>表格语法格式：</h3> <p><tablewidth="" bgcolor="" background=""border="" cellspacing="" cellpadding=""></p> <p><tr>...<td>....</td>....</tr></p> <p></table> </p> <p>border边框宽度默认值为0，既没有边框 </p> <p>cellspacing表格中单元格的边距大小，默认值为两个像素 </p> <p>cellpadding表格中单元格之间的间距大小，默认值为两个像素 </p> <p><strong>tr元素 </strong></p> <p>语法格式： </p> <p><tralign="" bgcolor="">....</tr> </p> <p>align属性对齐方式可选值如下：left,center,tight,默认为left </p> <p>bgcolor指定该行的背景颜色 </p> <p><strong>td元素 </strong></p> <p>语法格式： </p> <p><tdwidth="宽度" height="高度" align="水平对齐方式"valign="垂直对齐方式" bgcolor=""background="" rowspan="单元格的行跨度"colapan="单元格的列跨度">.....</td></p> <p>align属性的可选值有：left,center,right </p> <p>valign属性的可选值有：top,middle,bottom </p> <p>rowspan和colapan跨行和跨列的数量，默认为1</p> <p><strong>input元素语法格式：</strong></p> <p><inputtype=""> </p> <p>type属性的可选值有： </p> <p>text 单行文本框 </p> <p>属性：name 文本框名称 </p> <p>value 文本框的初始值 </p> <p>size 文本框的长度 </p> <p>maxlength 可输入字符串最大的长度 </p> <p>radio 单选框 </p> <p>属性：name 单选框名称 </p> <p>value 内部值 </p> <p>checked 默认选定 </p> <p>checkbox 复选框 </p> <p>属性：name 复选框名称 </p> <p>value 内部值 </p> <p>checked 默认选定 </p> <p>reset 重置按钮 </p> <p>submit 确定按钮 </p> <p>属性：name 按钮名称 </p> <p>value 显示在按钮上的文字 </p> <p>password 密码框 </p> <p>属性与文本框的属性完全相同 </p> <p>file 文件域 </p> <p>属性：name文件域名称 </p> <p>size 文件域的长度 </p> <p>maxlength 文件域可接受的字符数量的上限 </p> <p>hidden 隐藏域 </p> <p>属性：name 隐藏域名称 </p> <p>value 内定值 </p> <p>image 图片域 </p> <p>属性：name 所要代表的按钮，可以是submit,reset,或其他. </p> <p>src 按钮图片的url 地址 </p> <p>列表框<select> </p> <p>语法格式： </p> <p><select> </p> <p>..... </p> <p><option>....</option></p> <p>..... </p> <p></select> </p> <p><strong> </strong></p> <p><strong>select元素 </strong></p> <p>语法格式：<select name=""size=""multiple></select> </p> <p>name 指定列表框的名字 </p> <p>size 指定列表框显示列表项的条数，如果指定了该参数，select元素是个列表，否则是一个下拉列表框 </p> <p>multiple 指定了这个参数，则表示该列表框可选择多项，否则只可选择一项 </p> <p><strong>option属性 </strong></p> <p>语法格式：<option value=""selected></option> </p> <p>value 该列表项的值 </p> <p>selected 如果设定了这个参数，默认为选定这一项 </p> <p><strong>多行文本框<textarea> </strong></p> <p><textareaname="" cols="" rows=""wrap="off/physical/virtual"></textarea> </p> <p>属性： </p> <p>name文本框的名称 </p> <p>cols文本框的宽度 </p> <p>rows文本框的高度 </p> <p>wrap文本框的折行方式可选值有： </p> <p>off不保存换行信息 </p> <p>physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出， </p> <p>virtual送出连续成串的字除非使用者按回车。 </p> <h3>css层叠样式表 </h3> <p>引入层叠样式表的方法包括： </p> <p><strong>外联式样式表 </strong></p> <p>例：<head> </p> <p><linkrel="stylesheet" href="/css/default.css"> </p> <p></head> </p> <p><body> </p> <p>.... </p> <p></body> </p> <p></html> </p> <p>属性：rel 用来说明<link>元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址 </p> <p>内嵌式样式表： </p> <p>例：<html> </p> <p><head> </p> <p><styletype="text/css"> </p> <p> </p> <p></style> </p> <p></head> </p> <p><body>....</body></p> <p></html> </p> <p><strong>元素内定 </strong></p> <p>格式：<pstyle="font-size:10.5pt"> </p> <p><strong>导入式样式表 </strong></p> <p>〈html> </p> <p><head> </p> <p><styletype="text/css"> </p> <p> </p> <p></style> </p> <p><body> </p> <p>.... </p> <p></body> </p> <p></html> </p> <p>css的优先级 </p> <p>越接近目标的样式定义优先级越高，高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义 </p> <p>如果4种样式表对同一元素定义了不同的样式，那么他们的优先级顺序从高到低是，元素内定，内嵌样式表，导入样式表，外联样式表。 </p> <p><strong>css结构 </strong></p> <p>例：td{font-size:10.5pt;color:#666666} </p> <p>css样式包含两个基础部分， </p> <p>选择符<td>和声明{font-size:10.5pt;color:#666666}</p> <p>声明也有两部分组成： </p> <p>属性font-size,color和值10.5pt,#666666 </p> <h3>选择符分为6种</h3> <p>1元素选择符 </p> <p>当页面上多个元素的样式相同时，可以将多个元素放在一起定义，中间以逗号分开例：td,p,li,input,select{font-size:12px;} </p> <p>2class(类)选择符 </p> <p>例：〈head> </p> <p><title>.....</title></p> <p><styletype="text/css"> </p> <p> </p> <p></style> </p> <p></head> </p> <p><bodybgcolor="#ffffff"> </p> <p><pclass="red">士大夫井冈山地方官</p> </p> <p><p>九连环离开计划</p> </p> <p></body> </p> <p>还有一种方法就是限定可以应用它的页面元素 </p> <p>例：〈head> </p> <p><title>.....</title></p> <p><styletype="text/css"> </p> <p> </p> <p></style> </p> <p></head> </p> <p><bodybgcolor="#ffffff"> </p> <p><pclass="red">士大夫井冈山地方官</p> </p> <p><h1class="red">九连环离开计划</h1> </p> <p></body> </p> <p>3 id选择符 </p> <p>与class选择附类似，只是把'.'换成'#' </p> <p>例：<body> </p> <p><head> </p> <p><styletype="text/css"> </p> <p> </p> <p></style> </p> <p></head> </p> <p><body> </p> <p><tablewidth="250" border="1" height="50"> </p> <p><tr> </p> <p><td align="center"id="select">id选择符</td> </p> <p></tr> </p> <p></table> </p> <p></body> </p> <p></html> </p> <p>我们看到在调用ID选择附时与CLASS选择附类似，只是将class=""换成了id=""，方便页面脚本语言的调用 </p> <strong><br> </strong> <p><strong>关联选择符 </strong></p> <p><body> </p> <p><head> </p> <p><styletype="text/css"> </p> <p> </p> <p></style> </p> <p></head> </p> <p><body> </p> <p><tablewidth="250" border="1" height="50"> </p> <p><tr> </p> <p><tdalign="center"><p>关联选择符</p></td></p> <p></tr> </p> <p></table> </p> <p><p>关联选择符</p> </p> <p></body> </p> <p></html> </p> <p>我们设定了在元素中<td>的元素<p>所包含文字的样式，只有在两个条件都满足是，样式在会起作用， </p> <p>伪类选择符 </p> <p>是只能用在css选择符里，而不能用在html代码中的选择符 </p> <p>例： </p> <p>〈html> </p> <p><head> </p> <p><style type="text/css"></p> <p> </p> <p></style> </p> <p></head> </p> <p><body> </p> <p><p><ahref="#">关联选择符</a><p> </p> <p><p><ahref="#">关联选择符</a><p> </p> <p><p><ahref="#">关联选择符</a><p> </p> <p><p><ahref="#">关联选择符</a><p> </p> <p>〈/body> </p> <p></html> </p> <p>正确的顺序是a:link\a:visited\a:hover否则会引起页面上连接颜色混乱 </p> <strong><br> </strong> <p><strong>伪元素选择符 </strong></p> <p>与伪类选择符定义类似，目前被大多数浏览器支持的有两个：首行伪元素（first-line）和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的</p> <p>例：首行 </p> <p><html> </p> <p><head> </p> <p><style> </p> <p> </p> <p></style> </p> <p></hesd> </p> <p><body> </p> <p><p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p></p> <p></body> </p> <p></html> </p> <p>长度随浏览器窗口大小而改变 </p> <p>首字 </p> <p><html> </p> <p><head> </p> <p><style> </p> <p> </p> <p></style> </p> <p></hesd> </p> <p><body> </p> <p><p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p></p> <p></body> </p> <p></html> </p> <p>以上两种都只能应用于块状元素上 </p> <br> <h3>css规则</h3> <p><strong>1.继承 </strong></p> <p>例：<html> </p> <p><head> </p> <p><styletype="text/css"> </p> <p> </p> <p></style> </p> <p></hesd> </p> <p><body> </p> <p><tablewidth="300" border="1" height="150"> </p> <p><tr> </p> <p><tdalign="center"> </p> <p><p>css规则</p> </p> <p></td> </p> <p></table> </p> <p></body> </p> <p></html> </p> <p><p>为最高级<td>次一级两种css用在一个属性元素上，相同的覆盖，不同的继承， </p> <p><strong> </strong></p> <p><strong>2.组合 </strong></p> <p>例:td{font-size:12pt} </p> <p>p1{font-size:12pt}</p> <p>组合后 </p> <p>td,.p1{font-size:12pt}</p> <p><strong> </strong></p> <p><strong>3.层叠 </strong></p> <p>在样式里定义过后，在表格属性中又定义一次 </p> <p><html> </p> <p><head> </p> <p><styletype="text/css"> </p> <p> </p> <p></style> </p> <p></hesd> </p> <p><body> </p> <p><tablewidth="300" border="1" height="150"> </p> <p><tr> </p> <p><tdalign="center" style="color:#0000ff"class="red">决撒地方官</td> </p> <p></tr> </p> <p></table> </p> <p></body> </p> <p></html> </p> <p><strong>css单位 </strong></p> <p>分四大类： </p> <p>1 长度单位 </p> <p>数值可以是整数，小数，正数，负数，0，后加单位（负值不要轻易使用） </p> <p>换算关系： </p> <p>1in(英寸)=6pc(派) </p> <p>1in(英寸)=72pt(磅) </p> <p>1in(英寸)=2.54(厘米) </p> <p>1cm(厘米)=10mm(毫米) </p> <p>1cm(厘米)=0.3937(英寸) </p> <p>1pt(磅)=1/72in(英寸)=0.2478mm(毫米) </p> <p>1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸 </p> <p>2 百分比单位 </p> <p>3 颜色单位 </p> <p>4 url单位</p> <p>div属性</p> <p>color :#999999 文字颜色 </p> <p>font-family : 宋体文字字型 </p> <p>font-size : 10pt 文字大小 </p> <p>font-style:itelic 文字斜体育</p> <p>font-variant:small-caps小字体</p> <p>letter-spacing :1pt 文字间距</p> <p>line-height : 200%设定行高</p> <p>font-weight:bold 文字粗体</p> <p>vertical-align:sub下标字</p> <p>vertical-align:super上标字</p> <p>text-decoration:line-through加?h除线</p> <p>text-decoration:overline加顶线</p> <p>text-decoration:underline加底线</p> <p>text-decoration:none?h除连接底线</p> <p>text-transform :capitalize 首字大写</p> <p>text-transform :uppercase 英文大写</p> <p>text-transform :lowercase 英文写</p> <p>text-align:right 文字*右对齐</p> <p>text-align:left 文字*左对齐</p> <p>text-align:center 文字置中对齐 </p> <p>这些是一些简单的文字效果，可以应用到css的页面中。　</p> <strong><br> </strong> <p><strong>背景</strong></p> <p>background-color:black背景颜色 </p> <p>background-image :url(image/bg.gif) 背景图片</p> <p>background-attachment: fixed 固定背景</p> <p>background-repeat: repeat 重复排列-网页预设</p> <p>background-repeat: no-repeat 不重复排列</p> <p>background-repeat: repeat-x 在x轴重复排列</p> <p>background-repeat: repeat-y 在y轴重复排列</p> <p>background-position: 90% 90% 背景图片x与y轴的位置　</p> <p><strong>链接</strong></p> <h3>A所有超连接</h3> <p>A:link 超连接文字格式 </p> <p>A:visited 浏览过的连接文字格式 </p> <p>A:active 按下连接的格式 </p> <p>A:hover 鼠标移至连接</p> <p>边框</p> <p>border-top : 1pxsolid black 上框 </p> <p>border-bottom :1px solid #6699cc 下框 </p> <p>border-left : 1pxsolid #6699cc 左框 </p> <p>border-right : 1pxsolid #6699cc 右框</p> <p>border: 1px solid#6699cc 四边框</p> <p>虚线</p> <p><TEXTAREASTYLE="border:1px dashed pink"></p> <p>实线</p> <p><TEXTAREASTYLE="border:1px solid pink"></p> <strong><br> </strong> <h2>HTML5最新标签大全</h2> <p> </p> <h3>一、文字备忘之标签</h3> <p>HTML5中新增的标签<article> 定义文章</p> <p><aside> 定义页面内容旁边的内容</p> <p><audio> 定义声音内容</p> <p><canvas> 定义图形</p> <p><command> 定义一个控制按钮</p> <p><datagrid> 指树或表格状数据格式中的动态数据</p> <p><datalist> 定义一个下拉列表</p> <p><details> 定义一个元素的细节</p> <p><dialog> 定义会话或人的交谈</p> <p><embed> 定义额外的交互内容或插件</p> <p><figcaption> 定义指定元素的标题</p> <p><figure> 定义一组媒体内容，以及他们的标题</p> <p><footer> 为章节或页面定义一个底部</p> <p><header> 为章节或页面定义一个头部</p> <p><hgroup> 定义文档中某段落的信息</p> <p><keygen> 定义表单生成的关键</p> <p><mark> 定义被标记的文本</p> <p><meter> 定义预定义范围内的测量</p> <p><nav> 定义导航链接</p> <p><output> 定义某种类型的输出</p> <p><progress> 定义任意种类任务的进程</p> <p><rp> 定义浏览器不支持ruby元素的替代者</p> <p><rt> 定义ruby注释的解释</p> <p><ruby> 定义ruby 注释（中文注音或字符）。</p> <p><section> 定义章节</p> <p><source> 定义媒体资源</p> <p><summary> 定义某”detail”元素的头部</p> <p><time> 定义日期/时间</p> <p><video> 定义视频</p> <p><wbr> 定义可能的换行</p> <p> </p> <p>HTML5支持且同时存在于HTML4中的标签<!– …–> 定义注释</p> <p><!DOCTYPE> 定义文档类型</p> <p><a> 定义超链接</p> <p><abbr> 定义缩写</p> <p><address> 定义地址元素</p> <p><area> 定义图片地图的某区域</p> <p><b> 定义加粗文字</p> <p><base> 定义整个页面的基础URL</p> <p><bdo> 定义文本显示的方向</p> <p><blockquote> 定义一个长引用</p> <p><body> 定义主体元素</p> <p><br> 插入单个的换行</p> <p><button> 定义按钮</p> <p><caption> 定义表格的标题</p> <p><cite> 定义引用</p> <p><code> 定义计算机代码文本</p> <p><col> 定义表格列的属性</p> <p><colgroup> 定义表格列的组</p> <p><dd> 定义个定义描述</p> <p><del> 定义删除文本</p> <p><dfn> 定义个定义项</p> <p><div> 定义文档章节</p> <p><dl> 定义定义列表</p> <p><dt> 定义定义项</p> <p><em> 定义强调文本</p> <p><fieldset> 定义控件组</p> <p><form> 定义表单</p> <p> <h1>到<h6> 定义头部1到头部6</p> <p><head> 定义文档信息</p> <p><hr> 定义水平线</p> <p><html> 定义个html文档</p> <p><i> 定义倾斜文本</p> <p><iframe> 定义内联替代窗口（框架）</p> <p><img> 定义个图片</p> <p><input> 定义输入域</p> <p><ins> 定义插入文本</p> <p><kbd> 定义键盘文本</p> <p><label> 定义表单控件的标签</p> <p><legend> 定义控件组的标题</p> <p><li> 定义列表项</p> <p><link> 定义相关资源</p> <p><map> 定义图片地图</p> <p><menu> 定义菜单列表</p> <p><meta> 定义元信息</p> <p><noscript> 定义无脚本章节</p> <p><object> 定义内嵌对象</p> <p><ol> 定义一个有序列表</p> <p><optgroup> 定义个选项组</p> <p><option> 定义下拉列表选项</p> <p><p> 定义段落</p> <p><params> 定义object的参数</p> <p><pre> 定义预格式化文本</p> <p><q> 定义短引用</p> <p><s> 定义不再正确的文本</p> <p><samp> 定义简单的计算机代码</p> <p><script> 定义脚本</p> <p><select> 定义可选择列表</p> <p><small> 定义小点的文本</p> <p><span> 定义文档章节</p> <p><strong> 定义强调的文字</p> <p><style> 定义一个样式定义</p> <p><sub> 定义下标文字</p> <p><sup> 定义上标文字</p> <p><table> 定义表格</p> <p><tbody> 定义表格的主体</p> <p><td> 定义表格单元格</p> <p><textarea> 定义文本域</p> <p><tfoot> 定义表格底部</p> <p><th> 定义表格头</p> <p><thead> 定义表格头</p> <p><title> 定义文档的标题</p> <p><tr> 定义表格行</p> <p><ul> 定义无序列表</p> <p><var> 定义变量</p> <p> </p> <p>HTML5不支持的标签<acronym> 在HTML4.01中定义首字母缩略词</p> <p><applet> 定义内嵌的小应用程序</p> <p><basefont> 定义文档中基本的字体属性</p> <p><big> 让文字变大点</p> <p><center> 居中显示文字或内容</p> <p><dir> 定义目录列表</p> <p><font> 指定字体种类，大小，颜色等</p> <p><frame> 在框架集中定义独有的窗体</p> <p><frameset> 定义框架集，包含多个窗体</p> <p><noframe> 当浏览器不支持框架的时候显示文字</p> <p><strike> 定义删除线文本</p> <p><tt> 定义电传打字机文本</p> <p><u> 定义下划线文字</p> <p><xmp> 定义格式化的文字</p> <p> </p> <p>HTML5中新增的标签<article> 定义文章</p> <p><aside> 定义页面内容旁边的内容</p> <p><audio> 定义声音内容</p> <p><canvas> 定义图形</p> <p><command> 定义一个控制按钮</p> <p><datagrid> 指树或表格状数据格式中的动态数据</p> <p><datalist> 定义一个下拉列表</p> <p><details> 定义一个元素的细节</p> <p><dialog> 定义会话或人的交谈</p> <p><embed> 定义额外的交互内容或插件</p> <p><figcaption> 定义指定元素的标题</p> <p><figure> 定义一组媒体内容，以及他们的标题</p> <p><footer> 为章节或页面定义一个底部</p> <p><header> 为章节或页面定义一个头部</p> <p><hgroup> 定义文档中某段落的信息</p> <p><keygen> 定义表单生成的关键</p> <p><mark> 定义被标记的文本</p> <p><meter> 定义预定义范围内的测量</p> <p><nav> 定义导航链接</p> <p><output> 定义某种类型的输出</p> <p><progress> 定义任意种类任务的进程</p> <p><rp> 定义浏览器不支持ruby元素的替代者</p> <p><rt> 定义ruby注释的解释</p> <p><ruby> 定义ruby 注释（中文注音或字符）。</p> <p><section> 定义章节</p> <p><source> 定义媒体资源</p> <p><summary> 定义某”detail”元素的头部</p> <p><time> 定义日期/时间</p> <p><video> 定义视频</p> <p><wbr> 定义可能的换行</p> <p> </p> <p>HTML5支持且同时存在于HTML4中的标签<!– …–> 定义注释</p> <p><!DOCTYPE> 定义文档类型</p> <p><a> 定义超链接</p> <p><abbr> 定义缩写</p> <p><address> 定义地址元素</p> <p><area> 定义图片地图的某区域</p> <p><b> 定义加粗文字</p> <p><base> 定义整个页面的基础URL</p> <p><bdo> 定义文本显示的方向</p> <p><blockquote> 定义一个长引用</p> <p><body> 定义主体元素</p> <p><br> 插入单个的换行</p> <p><button> 定义按钮</p> <p><caption> 定义表格的标题</p> <p><cite> 定义引用</p> <p><code> 定义计算机代码文本</p> <p><col> 定义表格列的属性</p> <p><colgroup> 定义表格列的组</p> <p><dd> 定义个定义描述</p> <p><del> 定义删除文本</p> <p><dfn> 定义个定义项</p> <p><div> 定义文档章节</p> <p><dl> 定义定义列表</p> <p><dt> 定义定义项</p> <p><em> 定义强调文本</p> <p><fieldset> 定义控件组</p> <p><form> 定义表单</p> <p><h1>到<h6> 定义头部1到头部6</p> <p><head> 定义文档信息</p> <p><hr> 定义水平线</p> <p><html> 定义个html文档</p> <p><i> 定义倾斜文本</p> <p><iframe> 定义内联替代窗口（框架）</p> <p><img> 定义个图片</p> <p><input> 定义输入域</p> <p><ins> 定义插入文本</p> <p><kbd> 定义键盘文本</p> <p><label> 定义表单控件的标签</p> <p><legend> 定义控件组的标题</p> <p><li> 定义列表项</p> <p><link> 定义相关资源</p> <p><map> 定义图片地图</p> <p><menu> 定义菜单列表</p> <p><meta> 定义元信息</p> <p><noscript> 定义无脚本章节</p> <p><object> 定义内嵌对象</p> <p><ol> 定义一个有序列表</p> <p><optgroup> 定义个选项组</p> <p><option> 定义下拉列表选项</p> <p><p> 定义段落</p> <p><params> 定义object的参数</p> <p><pre> 定义预格式化文本</p> <p><q> 定义短引用</p> <p><s> 定义不再正确的文本</p> <p><samp> 定义简单的计算机代码</p> <p><script> 定义脚本</p> <p><select> 定义可选择列表</p> <p><small> 定义小点的文本</p> <p><span> 定义文档章节</p> <p><strong> 定义强调的文字</p> <p><style> 定义一个样式定义</p> <p><sub> 定义下标文字</p> <p><sup> 定义上标文字</p> <p><table> 定义表格</p> <p><tbody> 定义表格的主体</p> <p><td> 定义表格单元格</p> <p><textarea> 定义文本域</p> <p><tfoot> 定义表格底部</p> <p><th> 定义表格头</p> <p><thead> 定义表格头</p> <p><title> 定义文档的标题</p> <p><tr> 定义表格行</p> <p><ul> 定义无序列表</p> <p><var> 定义变量</p> <p> </p> <p>HTML5不支持的标签<acronym> 在HTML4.01中定义首字母缩略词</p> <p><applet> 定义内嵌的小应用程序</p> <p><basefont> 定义文档中基本的字体属性</p> <p><big> 让文字变大点</p> <p><center> 居中显示文字或内容</p> <p><dir> 定义目录列表</p> <p><font> 指定字体种类，大小，颜色等</p> <p><frame> 在框架集中定义独有的窗体</p> <p><frameset> 定义框架集，包含多个窗体</p> <p><noframe> 当浏览器不支持框架的时候显示文字</p> <p><strike> 定义删除线文本</p> <p><tt> 定义电传打字机文本</p> <p><u> 定义下划线文字</p> <p><xmp> 定义格式化的文字</p> <p> </p> <p>HTML5中新增的标签<article> 定义文章</p> <p><aside> 定义页面内容旁边的内容</p> <p><audio> 定义声音内容</p> <p><canvas> 定义图形</p> <p><command> 定义一个控制按钮</p> <p><datagrid> 指树或表格状数据格式中的动态数据</p> <p><datalist> 定义一个下拉列表</p> <p><details> 定义一个元素的细节</p> <p><dialog> 定义会话或人的交谈</p> <p><embed> 定义额外的交互内容或插件</p> <p><figcaption> 定义指定元素的标题</p> <p><figure> 定义一组媒体内容，以及他们的标题</p> <p><footer> 为章节或页面定义一个底部</p> <p><header> 为章节或页面定义一个头部</p> <p><hgroup> 定义文档中某段落的信息</p> <p><keygen> 定义表单生成的关键</p> <p><mark> 定义被标记的文本</p> <p><meter> 定义预定义范围内的测量</p> <p><nav> 定义导航链接</p> <p><output> 定义某种类型的输出</p> <p><progress> 定义任意种类任务的进程</p> <p><rp> 定义浏览器不支持ruby元素的替代者</p> <p><rt> 定义ruby注释的解释</p> <p><ruby> 定义ruby 注释（中文注音或字符）。</p> <p><section> 定义章节</p> <p><source> 定义媒体资源</p> <p><summary> 定义某”detail”元素的头部</p> <p><time> 定义日期/时间</p> <p><video> 定义视频</p> <p><wbr> 定义可能的换行</p> <p> </p> <p>HTML5支持且同时存在于HTML4中的标签<!– …–> 定义注释</p> <p><!DOCTYPE> 定义文档类型</p> <p><a> 定义超链接</p> <p><abbr> 定义缩写</p> <p><address> 定义地址元素</p> <p><area> 定义图片地图的某区域</p> <p><b> 定义加粗文字</p> <p><base> 定义整个页面的基础URL</p> <p><bdo> 定义文本显示的方向</p> <p><blockquote> 定义一个长引用</p> <p><body> 定义主体元素</p> <p><br> 插入单个的换行</p> <p><button> 定义按钮</p> <p><caption> 定义表格的标题</p> <p><cite> 定义引用</p> <p><code> 定义计算机代码文本</p> <p><col> 定义表格列的属性</p> <p><colgroup> 定义表格列的组</p> <p><dd> 定义个定义描述</p> <p><del> 定义删除文本</p> <p><dfn> 定义个定义项</p> <p><div> 定义文档章节</p> <p><dl> 定义定义列表</p> <p><dt> 定义定义项</p> <p><em> 定义强调文本</p> <p><fieldset> 定义控件组</p> <p><form> 定义表单</p> <p><h1>到<h6> 定义头部1到头部6</p> <p><head> 定义文档信息</p> <p><hr> 定义水平线</p> <p><html> 定义个html文档</p> <p><i> 定义倾斜文本</p> <p><iframe> 定义内联替代窗口（框架）</p> <p><img> 定义个图片</p> <p><input> 定义输入域</p> <p><ins> 定义插入文本</p> <p><kbd> 定义键盘文本</p> <p><label> 定义表单控件的标签</p> <p><legend> 定义控件组的标题</p> <p><li> 定义列表项</p> <p><link> 定义相关资源</p> <p><map> 定义图片地图</p> <p><menu> 定义菜单列表</p> <p><meta> 定义元信息</p> <p><noscript> 定义无脚本章节</p> <p><object> 定义内嵌对象</p> <p><ol> 定义一个有序列表</p> <p><optgroup> 定义个选项组</p> <p><option> 定义下拉列表选项</p> <p><p> 定义段落</p> <p><params> 定义object的参数</p> <p><pre> 定义预格式化文本</p> <p><q> 定义短引用</p> <p><s> 定义不再正确的文本</p> <p><samp> 定义简单的计算机代码</p> <p><script> 定义脚本</p> <p><select> 定义可选择列表</p> <p><small> 定义小点的文本</p> <p><span> 定义文档章节</p> <p><strong> 定义强调的文字</p> <p><style> 定义一个样式定义</p> <p><sub> 定义下标文字</p> <p><sup> 定义上标文字</p> <p><table> 定义表格</p> <p><tbody> 定义表格的主体</p> <p><td> 定义表格单元格</p> <p><textarea> 定义文本域</p> <p><tfoot> 定义表格底部</p> <p><th> 定义表格头</p> <p><thead> 定义表格头</p> <p><title> 定义文档的标题</p> <p><tr> 定义表格行</p> <p><ul> 定义无序列表</p> <p><var> 定义变量</p> <p> </p> <p>HTML5不支持的标签<acronym> 在HTML4.01中定义首字母缩略词</p> <p><applet> 定义内嵌的小应用程序</p> <p><basefont> 定义文档中基本的字体属性</p> <p><big> 让文字变大点</p> <p><center> 居中显示文字或内容</p> <p><dir> 定义目录列表</p> <p><font> 指定字体种类，大小，颜色等</p> <p><frame> 在框架集中定义独有的窗体</p> <p><frameset> 定义框架集，包含多个窗体</p> <p><noframe> 当浏览器不支持框架的时候显示文字</p> <p><strike> 定义删除线文本</p> <p><tt> 定义电传打字机文本</p> <p><u> 定义下划线文字</p> <p><xmp> 定义格式化的文字</p> <p> </p> <p>HTML5中新增的标签<article> 定义文章</p> <p><aside> 定义页面内容旁边的内容</p> <p><audio> 定义声音内容</p> <p><canvas> 定义图形</p> <p><command> 定义一个控制按钮</p> <p><datagrid> 指树或表格状数据格式中的动态数据</p> <p><datalist> 定义一个下拉列表</p> <p><details> 定义一个元素的细节</p> <p><dialog> 定义会话或人的交谈</p> <p><embed> 定义额外的交互内容或插件</p> <p><figcaption> 定义指定元素的标题</p> <p><figure> 定义一组媒体内容，以及他们的标题</p> <p><footer> 为章节或页面定义一个底部</p> <p><header> 为章节或页面定义一个头部</p> <p><hgroup> 定义文档中某段落的信息</p> <p><keygen> 定义表单生成的关键</p> <p><mark> 定义被标记的文本</p> <p><meter> 定义预定义范围内的测量</p> <p><nav> 定义导航链接</p> <p><output> 定义某种类型的输出</p> <p><progress> 定义任意种类任务的进程</p> <p><rp> 定义浏览器不支持ruby元素的替代者</p> <p><rt> 定义ruby注释的解释</p> <p><ruby> 定义ruby 注释（中文注音或字符）。</p> <p><section> 定义章节</p> <p><source> 定义媒体资源</p> <p><summary> 定义某”detail”元素的头部</p> <p><time> 定义日期/时间</p> <p><video> 定义视频</p> <p><wbr> 定义可能的换行</p> <p> </p> <p>HTML5支持且同时存在于HTML4中的标签<!– …–> 定义注释</p> <p><!DOCTYPE> 定义文档类型</p> <p><a> 定义超链接</p> <p><abbr> 定义缩写</p> <p><address> 定义地址元素</p> <p><area> 定义图片地图的某区域</p> <p><b> 定义加粗文字</p> <p><base> 定义整个页面的基础URL</p> <p><bdo> 定义文本显示的方向</p> <p><blockquote> 定义一个长引用</p> <p><body> 定义主体元素</p> <p><br> 插入单个的换行</p> <p><button> 定义按钮</p> <p><caption> 定义表格的标题</p> <p><cite> 定义引用</p> <p><code> 定义计算机代码文本</p> <p><col> 定义表格列的属性</p> <p><colgroup> 定义表格列的组</p> <p><dd> 定义个定义描述</p> <p><del> 定义删除文本</p> <p><dfn> 定义个定义项</p> <p><div> 定义文档章节</p> <p><dl> 定义定义列表</p> <p><dt> 定义定义项</p> <p><em> 定义强调文本</p> <p><fieldset> 定义控件组</p> <p><form> 定义表单</p> <p><h1>到<h6> 定义头部1到头部6</p> <p><head> 定义文档信息</p> <p><hr> 定义水平线</p> <p><html> 定义个html文档</p> <p><i> 定义倾斜文本</p> <p><iframe> 定义内联替代窗口（框架）</p> <p><img> 定义个图片</p> <p><input> 定义输入域</p> <p><ins> 定义插入文本</p> <p><kbd> 定义键盘文本</p> <p><label> 定义表单控件的标签</p> <p><legend> 定义控件组的标题</p> <p><li> 定义列表项</p> <p><link> 定义相关资源</p> <p><map> 定义图片地图</p> <p><menu> 定义菜单列表</p> <p><meta> 定义元信息</p> <p><noscript> 定义无脚本章节</p> <p><object> 定义内嵌对象</p> <p><ol> 定义一个有序列表</p> <p><optgroup> 定义个选项组</p> <p><option> 定义下拉列表选项</p> <p><p> 定义段落</p> <p><params> 定义object的参数</p> <p><pre> 定义预格式化文本</p> <p><q> 定义短引用</p> <p><s> 定义不再正确的文本</p> <p><samp> 定义简单的计算机代码</p> <p><script> 定义脚本</p> <p><select> 定义可选择列表</p> <p><small> 定义小点的文本</p> <p><span> 定义文档章节</p> <p><strong> 定义强调的文字</p> <p><style> 定义一个样式定义</p> <p><sub> 定义下标文字</p> <p><sup> 定义上标文字</p> <p><table> 定义表格</p> <p><tbody> 定义表格的主体</p> <p><td> 定义表格单元格</p> <p><textarea> 定义文本域</p> <p><tfoot> 定义表格底部</p> <p><th> 定义表格头</p> <p><thead> 定义表格头</p> <p><title> 定义文档的标题</p> <p><tr> 定义表格行</p> <p><ul> 定义无序列表</p> <p><var> 定义变量</p> <p> </p> <p>HTML5不支持的标签<acronym> 在HTML4.01中定义首字母缩略词</p> <p><applet> 定义内嵌的小应用程序</p> <p><basefont> 定义文档中基本的字体属性</p> <p><big> 让文字变大点</p> <p><center> 居中显示文字或内容</p> <p><dir> 定义目录列表</p> <p><font> 指定字体种类，大小，颜色等</p> <p><frame> 在框架集中定义独有的窗体</p> <p><frameset> 定义框架集，包含多个窗体</p> <p><noframe> 当浏览器不支持框架的时候显示文字</p> <p><strike> 定义删除线文本</p> <p><tt> 定义电传打字机文本</p> <p><u> 定义下划线文字</p> <p><xmp> 定义格式化的文字</p> <p> </p> <p>HTML5支持且同时存在于HTML4中的标签<!– …–> 定义注释</p> <p><!DOCTYPE> 定义文档类型</p> <p><a> 定义超链接</p> <p><abbr> 定义缩写</p> <p><address> 定义地址元素</p> <p><area> 定义图片地图的某区域</p> <p><b> 定义加粗文字</p> <p><base> 定义整个页面的基础URL</p> <p><bdo> 定义文本显示的方向</p> <p><blockquote> 定义一个长引用</p> <p><body> 定义主体元素</p> <p><br> 插入单个的换行</p> <p><button> 定义按钮</p> <p><caption> 定义表格的标题</p> <p><cite> 定义引用</p> <p><code> 定义计算机代码文本</p> <p><col> 定义表格列的属性</p> <p><colgroup> 定义表格列的组</p> <p><dd> 定义个定义描述</p> <p><del> 定义删除文本</p> <p><dfn> 定义个定义项</p> <p><div> 定义文档章节</p> <p><dl> 定义定义列表</p> <p><dt> 定义定义项</p> <p><em> 定义强调文本</p> <p><fieldset> 定义控件组</p> <p><form> 定义表单</p> <p><h1>到<h6> 定义头部1到头部6</p> <p><head> 定义文档信息</p> <p><hr> 定义水平线</p> <p><html> 定义个html文档</p> <p><i> 定义倾斜文本</p> <p><iframe> 定义内联替代窗口（框架）</p> <p><img> 定义个图片</p> <p><input> 定义输入域</p> <p><ins> 定义插入文本</p> <p><kbd> 定义键盘文本</p> <p><label> 定义表单控件的标签</p> <p><legend> 定义控件组的标题</p> <p><li> 定义列表项</p> <p><link> 定义相关资源</p> <p><map> 定义图片地图</p> <p><menu> 定义菜单列表</p> <p><meta> 定义元信息</p> <p><noscript> 定义无脚本章节</p> <p><object> 定义内嵌对象</p> <p><ol> 定义一个有序列表</p> <p><optgroup> 定义个选项组</p> <p><option> 定义下拉列表选项</p> <p><p> 定义段落</p> <p><params> 定义object的参数</p> <p><pre> 定义预格式化文本</p> <p><q> 定义短引用</p> <p><s> 定义不再正确的文本</p> <p><samp> 定义简单的计算机代码</p> <p><script> 定义脚本</p> <p><select> 定义可选择列表</p> <p><small> 定义小点的文本</p> <p><span> 定义文档章节</p> <p><strong> 定义强调的文字</p> <p><style> 定义一个样式定义</p> <p><sub> 定义下标文字</p> <p><sup> 定义上标文字</p> <p><table> 定义表格</p> <p><tbody> 定义表格的主体</p> <p><td> 定义表格单元格</p> <p><textarea> 定义文本域</p> <p><tfoot> 定义表格底部</p> <p><th> 定义表格头</p> <p><thead> 定义表格头</p> <p><title> 定义文档的标题</p> <p><tr> 定义表格行</p> <p><ul> 定义无序列表</p> <p><var> 定义变量</p> <p> </p> <p>HTML5不支持的标签<acronym> 在HTML4.01中定义首字母缩略词</p> <p><applet> 定义内嵌的小应用程序</p> <p><basefont> 定义文档中基本的字体属性</p> <p><big> 让文字变大点</p> <p><center> 居中显示文字或内容</p> <p><dir> 定义目录列表</p> <p><font> 指定字体种类，大小，颜色等</p> <p><frame> 在框架集中定义独有的窗体</p> <p><frameset> 定义框架集，包含多个窗体</p> <p><noframe> 当浏览器不支持框架的时候显示文字</p> <p><strike> 定义删除线文本</p> <p><tt> 定义电传打字机文本</p> <p><u> 定义下划线文字</p> <p><xmp> 定义格式化的文字</p> <p> </p> <h3>二、HTML5文字备忘之全局属性</h3> <p>HTML5新添加全局属性contenteditable 指定是否允许用户编辑内容true | false</p> <p>contextmenu 定义元素的上下文菜单menu id</p> <p>draggable 指定是否允许用户拖拽元素true|false|auto</p> <p>dropzone 指定当拖拽数据放开的时候会发生什么copy|move|link</p> <p>hidden 指定元素不相干hidden</p> <p>spellcheck 指定是否元素要进行拼写检查true | false</p> <p> </p> <p>HTML5新添加全局属性contenteditable 指定是否允许用户编辑内容true | false</p> <p>contextmenu 定义元素的上下文菜单menu id</p> <p>draggable 指定是否允许用户拖拽元素true|false|auto</p> <p>dropzone 指定当拖拽数据放开的时候会发生什么copy|move|link</p> <p>hidden 指定元素不相干hidden</p> <p>spellcheck 指定是否元素要进行拼写检查true | false</p> <p> </p> <p>已存在的全局属性accesskey 指定访问元素的快捷键字符(character)</p> <p>class 指定元素的类名（为样式表）类名(classname)</p> <p>dir 指定元素文本内容的对齐方向ltr|rtl</p> <p>id 为元素指定唯一的idid</p> <p>lang 为元素内容指定语言代码语言代码(language code)</p> <p>style 指定元素的内联样式样式定义(style definition)</p> <p>tabindex 指定元素的tab顺序数值(nubmer)</p> <p>title 指定元素额外的信息文本(text)</p> <p> </p> <p>已存在的全局属性accesskey 指定访问元素的快捷键字符(character)</p> <p>class 指定元素的类名（为样式表）类名(classname)</p> <p>dir 指定元素文本内容的对齐方向ltr|rtl</p> <p>id 为元素指定唯一的idid</p> <p>lang 为元素内容指定语言代码语言代码(language code)</p> <p>style 指定元素的内联样式样式定义(style definition)</p> <p>tabindex 指定元素的tab顺序数值(nubmer)</p> <p>title 指定元素额外的信息文本(text)</p> <p> </p> <h3>三、HTML5文字备忘之事件属性</h3> <p> </p> <p>1. window对象</p> <p>window新增事件属性onafterprint 在文档打印之后执行</p> <p>onbeforeprint 在文档打印之前执行</p> <p>onbeforeloaded 在文档加载完毕之前执行</p> <p>onerror 当错误发生时执行</p> <p>onhaschange 当文档发生改变的时候执行</p> <p>onmessage 当该信息被触发的时候执行</p> <p>onoffline 当文档离线的时候执行</p> <p>ononline 当文档上线的时候执行</p> <p>onpagehide 当窗体隐藏的时候执行</p> <p>onpageshow 当窗体显示的时候执行</p> <p>onpopstate 当窗体历史改变的时候执行</p> <p>onredo 当文档执行恢复上一次操作的时候执行</p> <p>onresize 当窗体大小改变的时候执行</p> <p>onstorage 当文档加载ok的时候执行</p> <p>onondo 当文档执行恢复之前一次操作的时候执行</p> <p>onunload 当用户离开文档的时候执行</p> <p> </p> <p>window已存在事件属性onblur 当窗体失去焦点的时候执行</p> <p>onfocus 当窗体获得焦点的时候执行</p> <p>onload 当文档加载完毕的时候执行</p> <p> </p> <p> </p> <p>2. form表单的事件属性</p> <p>form表单新增事件属性oncontextmenu 当上下文菜单被触发的时候执行</p> <p>onformchange 当表单发生改变的时候执行</p> <p>onforminput 当表单获得用户输入时候执行</p> <p>oninput 当元素获得用户输入的时候执行</p> <p>oninvalid 当元素验证无效的时候执行</p> <p> </p> <p>form表单已支持事件属性onblur 当元素失去焦点的时候执行</p> <p>onchange 当元素改变的时候执行</p> <p>onfocus 当元素获得焦点的时候执行</p> <p>onselect 当元素被选择的时候执行</p> <p>onsubmit 当表单被提交的时候执行</p> <p> </p> <p>HTML5不支持的form表单事件属性onreset 当表单重置的时候执行</p> <p> </p> <p> </p> <p>3. 键盘事件</p> <p>已存在的键盘事件属性onkeydown 当键按下的时候执行</p> <p>onkeypress 当键按下并释放的时候执行</p> <p>onkeyup 当键抬起的时候执行</p> <p> </p> <p> </p> <p>4. 鼠标事件</p> <p>HTML5新增鼠标事件属性ondrag 当元素被拖拽的时候执行</p> <p>ondragend 当元素拖拽操作结束的时候执行</p> <p>ondragenter 当元素拖拽进入释放对象的时候</p> <p>ondragleave 当元素拖拽离开释放对象的时候</p> <p>ondragover 当元素拖拽经过释放对象的时候</p> <p>ondragstart 当元素拖拽操作开始的时候执行</p> <p>ondrop 当拖拽元素被放开的时候</p> <p>onmouswheel 当鼠标滑轮滚动的时候执行</p> <p>onscroll 当元素的滚动条滚动的时候执行</p> <p> </p> <p>已存在的鼠标事件属性onclick 当鼠标点击的时候执行</p> <p>ondbclick 当鼠标双击的时候执行</p> <p>onmousedown 当鼠标按下的时候执行</p> <p>onmousemove 当鼠标移动的时候执行</p> <p>onmouseout 当鼠标移出元素的时候执行</p> <p>onmouseover 当属性进入元素的时候执行</p> <p>onmouseup 当鼠标抬起的时候执行</p> <p> </p> <p> </p> <p>5. 媒体事件</p> <p>HTML5中新增媒体事件oncanplay 当媒体可以播放的时候执行</p> <p>oncanplaythrough 当媒体可以播放到最后的时候执行</p> <p>ondurationchange 当媒体长度改变的时候执行</p> <p>onemptied 当媒体资源元素变成空的时候执行</p> <p>onended 当媒体已经到达最后的时候执行</p> <p>onerror 当加载元素发生错误的时候执行</p> <p>onloadeddata 当媒体数据加载完毕的时候执行</p> <p>onloadedmetadata 当媒体元素的持续时间加载完毕的时候执行</p> <p>onloadstart 当浏览器开始加载媒体数据的时候执行</p> <p>onpause 当媒体数据暂停的时候执行</p> <p>onplay 当媒体数据继续开始播放的时候执行</p> <p>onplaying 当媒体数据已经开始播放的时候执行</p> <p>onprogress 在浏览器正在获取媒体数据的时候执行</p> <p>onratechange 当媒体数据播放比率发生改变的时候执行</p> <p>onreadystatechange 当ready-state发生改变的时候执行</p> <p>onseeked 当元素的seeking属性不是true的时候执行</p> <p>onseeking 当元素的seeking属性是true的时候执行</p> <p>onstalled 当获取元素数据发生错误的时候执行</p> <p>onsuspend 当浏览器停止获取媒体数据的时候执行</p> <p>ontimeupdate 当媒体改变其播放位置的时候执行</p> <p>onvolumechange 当媒体音量大小发生改变的时候执行，包括无声</p> <p>onwaiting 当媒体元素停止播放的时候</p> <p> </p> <p>已存在的媒体事件属性onabort 碰到abort的时候执行</p> <p> </p> <h3>四、HTML5文字备忘之浏览器的准备情况</h3> <p> </p> <p></p> <p> </p> <p> </p> <strong><br> </strong> <h2>JAVA基本数据类型的分类</h2> <div style="background:white"> <p style="background:white"></p> </div> <div style="background:white"> <p style="background:white">1. 整数类型</p> </div> <div style="background:white"> <p style="background:white">整数类型就是用来储存整数数值，即没有小数的整数部分，可以是整数，也可以是负数。在JAVA中有3中表现：十进制、八进制、和十六进制。</p> </div> <div style="background:white"> <p style="background:white">2. 整数型根据内存大小可以分为byte、short、int、long四种不同类型，它们具有不同的取值范围。如下图</p> </div> <div style="background:white"> <p style="background:white"></p> </div> <div style="background:white"> <p style="background:white">3. 浮点型</p> </div> <div style="background:white"> <p style="background:white">浮点型是带有小数点部分的数字。分为单精度浮点类型（float)和双精度浮点类型（double),它们具有不同的取值范围。见下图</p> <p style="background:white">默认状态为double，如果要使用float，需要在小数后面加F或f，如果没加，系统便默认为double</p> <p style="background:white"></p> </div> <div style="background:white"> <p style="background:white">4. 字符类型</p> </div> <div style="background:white"> <p style="background:white">（1）char型</p> <p style="background:white">char型是字符类型，使用char关键字进行声明，用于存储单个字符，系统分配两个字节的内存空间。在定义字符型变量时，要用单引号括起来，例如‘s’表示一个字符，且单引号中只能有一个字符，多了就不是字符类型了，而是字符串类型，需要用双引号进行声明。</p> <p style="background:white"></p> </div> <div style="background:white"> <p style="background:white">5. （2）转义字符</p> </div> <div style="background:white"> <p style="background:white">转义字符是一种特殊的字符变量，它以反斜线“/“开头，后面跟着字符，表示不同于字符的原有意义，故称”转义“。具体见下表</p> <p style="background:white"></p> </div> <div style="background:white"> <p style="background:white">6. 7</p> </div> <div style="background:white"> <p style="background:white">3、布尔类型</p> <p style="background:white">布尔类型又被称为逻辑类型，通过关键字boolean来定义布尔类型变量，只有ture和false两个变量，代表”真“与”假“，作为程序语言流程控制中的判定条件，</p> </div> <strong><br> </strong> <h2 style="background:white">Java关键字及其作用</h2> <h3>关键字总览:</h3> <p>访问控制类： private protected public</p> <p> </p> <p>方法和变量修饰符: abstract class extends final implements interface native new static strictfp synchronized transient volatile </p> <p> </p> <p>程序控制: break continue return do while if else for instance of</p> <p>switch case default </p> <p> </p> <p>错误处理: try cathc throw throws</p> <p> </p> <p>包相关: import package</p> <p> </p> <p>基本类型: boolean byte char double float int long short null true false</p> <p> </p> <p>变量引用: super this void </p> <p> </p> <p>保留字: goto const</p> <p> </p> <h3>二、详细解释</h3> <p><strong>1. 访问控制</strong></p> <p><strong>1) private 私有的</strong></p> <p>private 关键字是访问控制修饰符，可以应用于类、方法或字段（在类中声明的变量）。只能在声明 private（内部）类、方法或字段的类中引用这些类、方法或字段。在类的外部或者对于子类而言，它们是不可见的。所有类成员的默认访问范围都是 package 访问，也就是说，除非存在特定的访问控制修饰符，否则，可以从同一个包中的任何类访问类成员。</p> <p><strong>2) protected 受保护的</strong></p> <p>protected 关键字是可以应用于类、方法或字段（在类中声明的变量）的访问控制修饰符。可以在声明 protected 类、方法或字段的类、同一个包中的其他任何类以及任何子类（无论子类是在哪个包中声明的）中引用这些类、方法或字段。所有类成员的默认访问范围都是 package 访问，也就是说，除非存在特定的访问控制修饰符，否则，可以从同一个包中的任何类访问类成员。</p> <p> </p> <p><strong>3) public 公共的</strong></p> <p>public 关键字是可以应用于类、方法或字段（在类中声明的变量）的访问控制修饰符。可能只会在其他任何类或包中引用 public 类、方法或字段。所有类成员的默认访问范围都是 package 访问，也就是说，除非存在特定的访问控制修饰符，否则，可以从同一个包中的任何类访问类成员。</p> <p><strong>2. 类、方法和变量修饰符</strong></p> <p><strong>1) abstract 声明抽象</strong></p> <p>abstract关键字可以修改类或方法。abstract类可以扩展（增加子类），但不能直接实例化。abstract方法不在声明它的类中实现，但必须在某个子类中重写。采用 abstract方法的类本来就是抽象类，并且必须声明为abstract。</p> <p><strong>2) class类</strong></p> <p>class 关键字用来声明新的 Java 类，该类是相关变量和/或方法的集合。类是面向对象的程序设计方法的基本构造单位。类通常代表某种实际实体，如几何形状或人。类是对象的模板。每个对象都是类的一个实例。要使用类，通常使用 new 操作符将类的对象实例化，然后调用类的方法来访问类的功能。</p> <p><strong>3) extends 继承、扩展</strong></p> <p>extends 关键字用在 class 或 interface 声明中，用于指示所声明的类或接口是其名称后跟有 extends 关键字的类或接口的子类。子类继承父类的所有 public 和 protected 变量和方法。子类可以重写父类的任何非 final 方法。一个类只能扩展一个其他类。</p> <p><strong>4) final 最终、不可改变</strong></p> <p>final 关键字可以应用于类，以指示不能扩展该类（不能有子类）。final 关键字可以应用于方法，以指示在子类中不能重写此方法。一个类不能同时是 abstract 又是 final。abstract 意味着必须扩展类，final 意味着不能扩展类。一个方法不能同时是 abstract 又是 final。abstract 意味着必须重写方法，final 意味着不能重写方法。</p> <p> </p> <p><strong>5) implements实现</strong></p> <p>implements 关键字在 class 声明中使用，以指示所声明的类提供了在 implements 关键字后面的名称所指定的接口中所声明的所有方法的实现。类必须提供在接口中所声明的所有方法的实现。一个类可以实现多个接口。</p> <p><strong>6) interface 接口</strong></p> <p>interface 关键字用来声明新的 Java 接口，接口是方法的集合。</p> <p>接口是 Java 语言的一项强大功能。任何类都可声明它实现一个或多个接口，这意味着它实现了在这些接口中所定义的所有方法。 </p> <p>实现了接口的任何类都必须提供在该接口中的所有方法的实现。一个类可以实现多个接口。</p> <p><strong>7) native 本地</strong></p> <p>native 关键字可以应用于方法，以指示该方法是用 Java 以外的语言实现的。</p> <p><strong>8) new 新,创建</strong></p> <p>new 关键字用于创建类的新实例。 </p> <p>new 关键字后面的参数必须是类名，并且类名的后面必须是一组构造方法参数（必须带括号）。 </p> <p>参数集合必须与类的构造方法的签名匹配。 </p> <p>= 左侧的变量的类型必须与要实例化的类或接口具有赋值兼容关系。</p> <p><strong>9) static 静态</strong></p> <p>static 关键字可以应用于内部类（在另一个类中定义的类）、方法或字段（类的成员变量）。 </p> <p>通常，static 关键字意味着应用它的实体在声明该实体的类的任何特定实例外部可用。</p> <p>static（内部）类可以被其他类实例化和引用（即使它是顶级类）。在上面的示例中，另一个类中的代码可以实例化 MyStaticClass 类，方法是用包含它的类名来限定其名称，如 MyClass.MyStaticClass。 </p> <p>static 字段（类的成员变量）在类的所有实例中只存在一次。 </p> <p>可以从类的外部调用 static 方法，而不用首先实例化该类。这样的引用始终包括类名作为方法调用的限定符。</p> <p>模式：public final static <type> varName = <value>; 通常用于声明可以在类的外部使用的类常量。在引用这样的类常量时需要用类名加以限定。在上面的示例中，另一个类可以用 MyClass.MAX_OBJECTS 形式来引用 MAX_OBJECTS 常量。</p> <p><strong>10) strictfp 严格,精准</strong></p> <p>strictfp的意思是FP-strict，也就是说精确浮点的意思。在Java虚拟机进行浮点运算时，如果没有指定strictfp关键字时，Java的编译器以及运行环境在对浮点运算的表达式是采取一种近似于我行我素的行为来完成这些操作，以致于得到的结果往往无法令人满意。而一旦使用了strictfp来声明一个类、接口或者方法时，那么所声明的范围内Java的编译器以及运行环境会完全依照浮点规范IEEE-754来执行。因此如果想让浮点运算更加精确，而且不会因为不同的硬件平台所执行的结果不一致的话，那就请用关键字strictfp。</p> <p>可以将一个类、接口以及方法声明为strictfp，但是不允许对接口中的方法以及构造函数声明strictfp关键字</p> <p><strong>11) synchronized线程、同步</strong></p> <p>synchronized 关键字可以应用于方法或语句块，并为一次只应由一个线程执行的关键代码段提供保护。 </p> <p>synchronized 关键字可防止代码的关键代码段一次被多个线程执行。 </p> <p>如果应用于静态方法，那么，当该方法一次由一个线程执行时，整个类将被锁定。 </p> <p>如果应用于实例方法，那么，当该方法一次由一个线程访问时，该实例将被锁定。 </p> <p>如果应用于对象或数组，当关联的代码块一次由一个线程执行时，对象或数组将被锁定。</p> <p><strong>12) transient 短暂</strong></p> <p>transient 关键字可以应用于类的成员变量，以便指出该成员变量不应在包含它的类实例已序列化时被序列化。</p> <p>当一个对象被串行化的时候，transient型变量的值不包括在串行化的表示中，然而非transient型的变量是被包括进去的。</p> <p>Java的serialization提供了一种持久化对象实例的机制。当持久化对象时，可能有一个特殊的对象数据成员，我们不想用serialization机制来保存它。为了在一个特定对象的一个域上关闭serialization，可以在这个域前加上关键字transient。<br> transient是Java语言的关键字，用来表示一个域不是该对象串行化的一部分。当一个对象被串行化的时候，transient型变量的值不包括在串行化的表示中，然而非transient型的变量是被包括进去的。</p> <p><strong>13) volatile 易失</strong></p> <p>volatile 关键字用于表示可以被多个线程异步修改的成员变量。 </p> <p>注意：volatile 关键字在许多 Java 虚拟机中都没有实现。 volatile 的目标用途是为了确保所有线程所看到的指定变量的值都是相同的。</p> <p>Java 语言中的 volatile 变量可以被看作是一种 “程度较轻的 synchronized”；与 synchronized 块相比，volatile 变量所需的编码较少，并且运行时开销也较少，但是它所能实现的功能也仅是 synchronized 的一部分。</p> <p> </p> <p> </p> <p> </p> <p><strong>3. 程序控制语句</strong></p> <p><strong>1) break 跳出，中断</strong></p> <p>break 关键字用于提前退出 for、while 或 do 循环，或者在 switch 语句中用来结束 case 块。 </p> <p>break 总是退出最深层的 while、for、do 或 switch 语句。</p> <p><strong>2) continue 继续</strong></p> <p>continue 关键字用来跳转到 for、while 或 do 循环的下一个迭代。 </p> <p>continue 总是跳到最深层 while、for 或 do 语句的下一个迭代。</p> <p><strong>3) return 返回</strong></p> <p>return 关键字会导致方法返回到调用它的方法，从而传递与返回方法的返回类型匹配的值。 </p> <p>如果方法具有非 void 的返回类型，return 语句必须具有相同或兼容类型的参数。 </p> <p>返回值两侧的括号是可选的。</p> <p><strong>4) do 运行</strong></p> <p>do 关键字用于指定一个在每次迭代结束时检查其条件的循环。 </p> <p>do 循环体至少执行一次。 </p> <p>条件表达式后面必须有分号。</p> <p><strong>5) while 循环</strong></p> <p>while 关键字用于指定一个只要条件为真就会重复的循环。</p> <p><strong>6) if 如果</strong></p> <p>if 关键字指示有条件地执行代码块。条件的计算结果必须是布尔值。 </p> <p>if 语句可以有可选的 else 子句，该子句包含条件为 false 时将执行的代码。 </p> <p>包含 boolean 操作数的表达式只能包含 boolean 操作数。</p> <p><strong>7) else 否则</strong></p> <p>else 关键字总是在 if-else 语句中与 if 关键字结合使用。else 子句是可选的，如果 if 条件为 false，则执行该子句。</p> <p><strong>8) for 循环</strong></p> <p>for 关键字用于指定一个在每次迭代结束前检查其条件的循环。 </p> <p>for 语句的形式为 for(initialize; condition; increment) </p> <p>控件流进入 for 语句时，将执行一次 initialize 语句。 </p> <p>每次执行循环体之前将计算 condition 的结果。如果 condition 为 true，则执行循环体。 </p> <p>每次执行循环体之后，在计算下一个迭代的 condition 之前，将执行 increment 语句。</p> <p><strong>9) instanceof 实例</strong></p> <p>instanceof 关键字用来确定对象所属的类。</p> <p><strong>10) switch 观察</strong></p> <p>switch 语句用于基于某个表达式选择执行多个代码块中的某一个。 </p> <p>switch 条件的计算结果必须等于 byte、char、short 或 int。 </p> <p>case 块没有隐式结束点。break 语句通常在每个 case 块末尾使用，用于退出 switch 语句。 </p> <p>如果没有 break 语句，执行流将进入所有后面的 case 和/或 default 块。</p> <p><strong>11) case 返回观察里的结果</strong></p> <p>case 用来标记 switch 语句中的每个分支。 </p> <p>case 块没有隐式结束点。break 语句通常在每个 case 块末尾使用，用于退出 switch 语句。 </p> <p>如果没有 break 语句，执行流将进入所有后面的 case 和/或 default 块。</p> <p><strong>12) default 默认</strong></p> <p>default 关键字用来标记 switch 语句中的默认分支。 </p> <p>default 块没有隐式结束点。break 语句通常在每个 case 或 default 块的末尾使用，以便在完成块时退出 switch 语句。 </p> <p>如果没有 default 语句，其参数与任何 case 块都不匹配的 switch 语句将不执行任何操作。</p> <p><strong>4. 错误处理</strong></p> <p><strong>1) try 捕获异常</strong></p> <p>try 关键字用于包含可能引发异常的语句块。 </p> <p>每个 try 块都必须至少有一个 catch 或 finally 子句。 </p> <p>如果某个特定异常类未被任何 catch 子句处理，该异常将沿着调用栈递归地传播到下一个封闭 try 块。如果任何封闭 try 块都未捕获到异常，Java 解释器将退出，并显示错误消息和堆栈跟踪信息。</p> <p><strong>2) catch 处理异常</strong></p> <p>catch 关键字用来在 try-catch 或 try-catch-finally 语句中定义异常处理块。 </p> <p>开始和结束标记 { 和 } 是 catch 子句语法的一部分，即使该子句只包含一个语句，也不能省略这两个标记。 </p> <p>每个 try 块都必须至少有一个 catch 或 finally 子句。 </p> <p>如果某个特定异常类未被任何 catch 子句处理，该异常将沿着调用栈递归地传播到下一个封闭 try 块。如果任何封闭 try 块都未捕获到异常，Java 解释器将退出，并显示错误消息和堆栈跟踪信息。</p> <p><strong>3) throw 抛出一个异常对象</strong></p> <p>throw 关键字用于引发异常。 </p> <p>throw 语句将 java.lang.Throwable 作为参数。Throwable 在调用栈中向上传播，直到被适当的 catch 块捕获。 </p> <p>引发非 RuntimeException 异常的任何方法还必须在方法声明中使用 throws 修饰符来声明它引发的异常。</p> <p><strong>4) throws 声明一个异常可能被抛出</strong></p> <p>throws 关键字可以应用于方法，以便指出方法引发了特定类型的异常。 </p> <p>throws 关键字将逗号分隔的 java.lang.Throwables 列表作为参数。 </p> <p>引发非 RuntimeException 异常的任何方法还必须在方法声明中使用 throws 修饰符来声明它引发的异常。 </p> <p>要在 try-catch 块中包含带 throws 子句的方法的调用，必须提供该方法的调用者。</p> <p><strong>5. 包相关</strong></p> <p><strong>1) import 引入</strong></p> <p>import 关键字使一个包中的一个或所有类在当前 Java 源文件中可见。可以不使用完全限定的类名来引用导入的类。 </p> <p>当多个包包含同名的类时，许多 Java 程序员只使用特定的 import 语句（没有“*”）来避免不确定性。</p> <p><strong>2) package 包</strong></p> <p>package 关键字指定在 Java 源文件中声明的类所驻留的 Java 包。 </p> <p>package 语句（如果出现）必须是 Java 源文件中的第一个非注释性文本。 </p> <p>例:java.lang.Object。 </p> <p>如果 Java 源文件不包含 package 语句，在该文件中定义的类将位于“默认包”中。请注意，不能从非默认包中的类引用默认包中的类。</p> <p><strong>6. 基本类型</strong></p> <p><strong>1) boolean 布尔型</strong></p> <p>boolean 是 Java 原始类型。boolean 变量的值可以是 true 或 false。 </p> <p>boolean 变量只能以 true 或 false 作为值。boolean 不能与数字类型相互转换。 </p> <p>包含 boolean 操作数的表达式只能包含 boolean 操作数。 </p> <p>Boolean 类是 boolean 原始类型的包装对象类。</p> <p><strong>2) byte 字节型</strong></p> <p>byte 是 Java 原始类型。byte 可存储在 [-128, 127] 范围以内的整数值。 </p> <p>Byte 类是 byte 原始类型的包装对象类。它定义代表此类型的值的范围的 MIN_VALUE 和 MAX_VALUE 常量。 </p> <p>Java 中的所有整数值都是 32 位的 int 值，除非值后面有 l 或 L（如 235L），这表示该值应解释为 long。</p> <p><strong>3) char 字符型</strong></p> <p>char 是 Java 原始类型。char 变量可以存储一个 Unicode 字符。 </p> <p>可以使用下列 char 常量：\b - 空格, \f - 换页, \n - 换行, \r - 回车, \t - 水平制表符, \' - 单引号, \" - 双引号, \\ - 反斜杠, \xxx - 采用 xxx 编码的 Latin-1 字符。\x 和 \xx 均为合法形式，但可能引起混淆。 \uxxxx - 采用十六进制编码 xxxx 的 Unicode 字符。 </p> <p>Character 类包含一些可用来处理 char 变量的 static 方法，这些方法包括 isDigit()、isLetter()、isWhitespace() 和 toUpperCase()。 </p> <p>char 值没有符号。</p> <p><strong>4) double 双精度</strong></p> <p>double 是 Java 原始类型。double 变量可以存储双精度浮点值。 </p> <p>由于浮点数据类型是实际数值的近似值，因此，一般不要对浮点数值进行是否相等的比较。 </p> <p>Java 浮点数值可代表无穷大和 NaN（非数值）。Double 包装对象类用来定义常量 MIN_VALUE、MAX_VALUE、NEGATIVE_INFINITY、POSITIVE_INFINITY 和 NaN。</p> <p><strong>5) float 浮点</strong></p> <p>float 是 Java 原始类型。float 变量可以存储单精度浮点值。 </p> <p>使用此关键字时应遵循下列规则： </p> <p>Java 中的浮点文字始终默认为双精度。要指定单精度文字值，应在数值后加上 f 或 F，如 0.01f。 </p> <p>由于浮点数据类型是实际数值的近似值，因此，一般不要对浮点数值进行是否相等的比较。 </p> <p>Java 浮点数值可代表无穷大和 NaN（非数值）。Float 包装对象类用来定义常量 MIN_VALUE、MAX_VALUE、NEGATIVE_INFINITY、POSITIVE_INFINITY 和 NaN。</p> <p><strong>6) int 整型</strong></p> <p>int 是 Java 原始类型。int 变量可以存储 32 位的整数值。 </p> <p>Integer 类是 int 原始类型的包装对象类。它定义代表此类型的值的范围的 MIN_VALUE 和 MAX_VALUE 常量。 </p> <p>Java 中的所有整数值都是 32 位的 int 值，除非值后面有 l 或 L（如 235L），这表示该值应解释为 long。</p> <p><strong>7) long 长整型</strong></p> <p>long 是 Java 原始类型。long 变量可以存储 64 位的带符号整数。 </p> <p>Long 类是 long 原始类型的包装对象类。它定义代表此类型的值的范围的 MIN_VALUE 和 MAX_VALUE 常量。 </p> <p>Java 中的所有整数值都是 32 位的 int 值，除非值后面有 l 或 L（如 235L），这表示该值应解释为 long。</p> <p><strong>8) short 短整型</strong></p> <p>short 是 Java 原始类型。short 变量可以存储 16 位带符号的整数。 </p> <p>Short 类是 short 原始类型的包装对象类。它定义代表此类型的值的范围的 MIN_VALUE 和 MAX_VALUE 常量。 </p> <p>Java 中的所有整数值都是 32 位的 int 值，除非值后面有 l 或 L（如 235L），这表示该值应解释为 long。</p> <p><strong>9) null 空</strong></p> <p>null 是 Java 的保留字，表示无值。 </p> <p>将 null 赋给非原始变量相当于释放该变量先前所引用的对象。 </p> <p>不能将 null 赋给原始类型（byte、short、int、long、char、float、double、boolean）变量。</p> <p><strong>10) true 真</strong></p> <p>true 关键字表示 boolean 变量的两个合法值中的一个。</p> <p> </p> <p><strong>11) false 假</strong></p> <p>false 关键字代表 boolean 变量的两个合法值之一。</p> <p><strong>7. 变量引用</strong></p> <p><strong>1) super 父类,超类</strong></p> <p>super 关键字用于引用使用该关键字的类的超类。 </p> <p>作为独立语句出现的 super 表示调用超类的构造方法。 </p> <p>super.<methodName>() 表示调用超类的方法。只有在如下情况中才需要采用这种用法：要调用在该类中被重写的方法，以便指定应当调用在超类中的该方法。</p> <p><strong>2) this 本类</strong></p> <p>this 关键字用于引用当前实例。 </p> <p>当引用可能不明确时，可以使用 this 关键字来引用当前的实例。</p> <p><strong>3) void 无返回值</strong></p> <p>void 关键字表示 null 类型。 </p> <p>void 可以用作方法的返回类型，以指示该方法不返回值。</p> <p><strong>8. 保留字</strong></p> <p>正确识别java语言的关键字（keyword）和保留字（reserved word）是十分重要的。Java的关键字对java的编译器有特殊的意义，他们用来表示一种数据类型，或者表示程序的结构等。保留字是为java预留的关键字，他们虽然现在没有作为关键字，但在以后的升级版本中有可能作为关键字。</p> <p>识别java语言的关键字，不要和其他语言如c/c++的关键字混淆。 <br> const和goto是java的保留字。所有的关键字都是小写 </p> <p> </p> <p> </p> <p><strong>1) goto 跳转</strong></p> <p>goto 保留关键字，但无任何作用。结构化程序设计完全不需要 goto 语句即可完成各种流程，而 goto 语句的使用往往会使程序的可读性降低，所以 Java 不允许 goto 跳转。</p> <p><strong>2) const 静态</strong></p> <p>const 保留字，是一个类型修饰符，使用const声明的对象不能更新。与final某些类似。</p> <p><strong>3) native 本地</strong></p> <p>　Java不是完美的，Java的不足除了体现在运行速度上要比传统的C++慢许多之外，Java无法直接访问到操作系统底层（如系统硬件等)，为此Java使用native方法来扩展Java程序的功能。 </p> <p>　　可以将native方法比作Java程序同Ｃ程序的接口，其实现步骤： </p> <p>　　１、在Java中声明native()方法，然后编译； </p> <p>　　２、用javah产生一个.h文件； </p> <p>　　３、写一个.cpp文件实现native导出方法，其中需要包含第二步产生的.h文件（注意其中又包含了JDK带的jni.h文件）； </p> <p>　　４、将第三步的.cpp文件编译成动态链接库文件； </p> <p>　　５、在Java中用System.loadLibrary()方法加载第四步产生的动态链接库文件，这个native()方法就可以在Java中被访问了。 </p> <p><strong> </strong></p> <p> </p> <strong><br> </strong> <h2>CSS标签大全</h2> <p><strong> </strong></p> <h3>CSS背景属性（Background）</h3> <table width="100%" border="1"> <tbody> <tr> <td style="background:#CCCCCC"> <p><strong>属性</strong></p> </td> <td style="background:#CCCCCC"> <p><strong>描述</strong></p> </td> <td style="background:#CCCCCC"> <p><strong>CSS</strong></p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">background</span></p> </td> <td style="background:#EFEFEF"> <p>在一个声明中设置所有的背景属性。</p> </td> <td style="background:#EFEFEF"> <p>1</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">background-attachment</span></p> </td> <td style="background:#EFEFEF"> <p>设置背景图像是否固定或者随着页面的其余部分滚动。</p> </td> <td style="background:#EFEFEF"> <p>1</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">background-color</span></p> </td> <td style="background:#EFEFEF"> <p>设置元素的背景颜色。</p> </td> <td style="background:#EFEFEF"> <p>1</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">background-image</span></p> </td> <td style="background:#EFEFEF"> <p>设置元素的背景图像。</p> </td> <td style="background:#EFEFEF"> <p>1</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">background-position</span></p> </td> <td style="background:#EFEFEF"> <p>设置背景图像的开始位置。</p> </td> <td style="background:#EFEFEF"> <p>1</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">background-repeat</span></p> </td> <td style="background:#EFEFEF"> <p>设置是否及如何重复背景图像。</p> </td> <td style="background:#EFEFEF"> <p>1</p> </td> </tr> </tbody> </table> <h3>CSS边框属性（Border 和 Outline）</h3> <table width="100%" border="1"> <tbody> <tr> <td style="background:#CCCCCC"> <h3>属性</h3> </td> <td style="background:#CCCCCC"> <h3>描述</h3> </td> <td style="background:#CCCCCC"> <h3>CSS</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">border</span></h3> </td> <td style="background:#EFEFEF"> <h3>在一个声明中设置所有的边框属性。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">border-bottom</span></h3> </td> <td style="background:#EFEFEF"> <h3>在一个声明中设置所有的下边框属性。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">border-bottom-color</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置下边框的颜色。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">border-bottom-style</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置下边框的样式。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">border-bottom-width</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置下边框的宽度。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">border-color</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置四条边框的颜色。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">border-left</span></h3> </td> <td style="background:#EFEFEF"> <h3>在一个声明中设置所有的左边框属性。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">border-left-color</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置左边框的颜色。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">border-left-style</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置左边框的样式。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">border-left-width</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置左边框的宽度。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">border-right</span></h3> </td> <td style="background:#EFEFEF"> <h3>在一个声明中设置所有的右边框属性。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">border-right-color</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置右边框的颜色。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">border-right-style</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置右边框的样式。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">border-right-width</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置右边框的宽度。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">border-style</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置四条边框的样式。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">border-top</span></h3> </td> <td style="background:#EFEFEF"> <h3>在一个声明中设置所有的上边框属性。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">border-top-color</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置上边框的颜色。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">border-top-style</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置上边框的样式。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">border-top-width</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置上边框的宽度。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">border-width</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置四条边框的宽度。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">outline</span></h3> </td> <td style="background:#EFEFEF"> <h3>在一个声明中设置所有的轮廓属性。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">outline-color</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置轮廓的颜色。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">outline-style</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置轮廓的样式。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">outline-width</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置轮廓的宽度。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> </tbody> </table> <h3>CSS文本属性（Text）</h3> <table width="100%" border="1"> <tbody> <tr> <td style="background:#CCCCCC"> <h3>属性</h3> </td> <td style="background:#CCCCCC"> <h3>描述</h3> </td> <td style="background:#CCCCCC"> <h3>CSS</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">color</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置文本的颜色。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">direction</span></h3> </td> <td style="background:#EFEFEF"> <h3>规定文本的方向 / 书写方向。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">letter-spacing</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置字符间距。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">line-height</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置行高。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">text-align</span></h3> </td> <td style="background:#EFEFEF"> <h3>规定文本的水平对齐方式。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">text-decoration</span></h3> </td> <td style="background:#EFEFEF"> <h3>规定添加到文本的装饰效果。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">text-indent</span></h3> </td> <td style="background:#EFEFEF"> <h3>规定文本块首行的缩进。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3>text-shadow</h3> </td> <td style="background:#EFEFEF"> <h3>规定添加到文本的阴影效果。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">text-transform</span></h3> </td> <td style="background:#EFEFEF"> <h3>控制文本的大小写。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">unicode-bidi</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置文本方向。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">white-space</span></h3> </td> <td style="background:#EFEFEF"> <h3>规定如何处理元素中的空白。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">word-spacing</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置单词间距。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> </tbody> </table> <h3>CSS字体属性（Font）</h3> <table width="100%" border="1"> <tbody> <tr> <td style="background:#CCCCCC"> <h3>属性</h3> </td> <td style="background:#CCCCCC"> <h3>描述</h3> </td> <td style="background:#CCCCCC"> <h3>CSS</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">font</span></h3> </td> <td style="background:#EFEFEF"> <h3>在一个声明中设置所有字体属性。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">font-family</span></h3> </td> <td style="background:#EFEFEF"> <h3>规定文本的字体系列。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">font-size</span></h3> </td> <td style="background:#EFEFEF"> <h3>规定文本的字体尺寸。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">font-size-adjust</span></h3> </td> <td style="background:#EFEFEF"> <h3>为元素规定 aspect 值。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">font-stretch</span></h3> </td> <td style="background:#EFEFEF"> <h3>收缩或拉伸当前的字体系列。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">font-style</span></h3> </td> <td style="background:#EFEFEF"> <h3>规定文本的字体样式。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">font-variant</span></h3> </td> <td style="background:#EFEFEF"> <h3>规定文本的字体样式。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">font-weight</span></h3> </td> <td style="background:#EFEFEF"> <h3>规定字体的粗细。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> </tbody> </table> <h3>CSS外边距属性（Margin）</h3> <table width="100%" border="1"> <tbody> <tr> <td style="background:#CCCCCC"> <h3>属性</h3> </td> <td style="background:#CCCCCC"> <h3>描述</h3> </td> <td style="background:#CCCCCC"> <h3>CSS</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">margin</span></h3> </td> <td style="background:#EFEFEF"> <h3>在一个声明中设置所有外边距属性。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">margin-bottom</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置元素的下外边距。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">margin-left</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置元素的左外边距。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">margin-right</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置元素的右外边距。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">margin-top</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置元素的上外边距。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> </tbody> </table> <h3>CSS内边距属性（Padding）</h3> <table width="100%" border="1"> <tbody> <tr> <td style="background:#CCCCCC"> <h3>属性</h3> </td> <td style="background:#CCCCCC"> <h3>描述</h3> </td> <td style="background:#CCCCCC"> <h3>CSS</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">padding</span></h3> </td> <td style="background:#EFEFEF"> <h3>在一个声明中设置所有内边距属性。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">padding-bottom</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置元素的下内边距。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">padding-left</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置元素的左内边距。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">padding-right</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置元素的右内边距。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">padding-top</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置元素的上内边距。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> </tbody> </table> <h3>CSS列表属性（List）</h3> <table width="100%" border="1"> <tbody> <tr> <td style="background:#CCCCCC"> <h3>属性</h3> </td> <td style="background:#CCCCCC"> <h3>描述</h3> </td> <td style="background:#CCCCCC"> <h3>CSS</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">list-style</span></h3> </td> <td style="background:#EFEFEF"> <h3>在一个声明中设置所有的列表属性。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">list-style-image</span></h3> </td> <td style="background:#EFEFEF"> <h3>将图象设置为列表项标记。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">list-style-position</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置列表项标记的放置位置。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">list-style-type</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置列表项标记的类型。</h3> </td> <td style="background:#EFEFEF"> <h3>1</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3>marker-offset</h3> </td> <td style="background:#EFEFEF"> <h3> </h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> </tbody> </table> <h3>内容生成（Generated Content）</h3> <table width="100%" border="1"> <tbody> <tr> <td style="background:#CCCCCC"> <h3>属性</h3> </td> <td style="background:#CCCCCC"> <h3>描述</h3> </td> <td style="background:#CCCCCC"> <h3>CSS</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">content</span></h3> </td> <td style="background:#EFEFEF"> <h3>与 :before 以及 :after 伪元素配合使用，来插入生成内容。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">counter-increment</span></h3> </td> <td style="background:#EFEFEF"> <h3>递增或递减一个或多个计数器。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">counter-reset</span></h3> </td> <td style="background:#EFEFEF"> <h3>创建或重置一个或多个计数器。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">quotes</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置嵌套引用的引号类型。</h3> </td> <td style="background:#EFEFEF"> <h3>2</h3> </td> </tr> </tbody> </table> <p><strong>CSS尺寸属性（Dimension）</strong></p> <table width="100%" border="1"> <tbody> <tr> <td style="background:#CCCCCC"> <p><strong>属性</strong></p> </td> <td style="background:#CCCCCC"> <p><strong>描述</strong></p> </td> <td style="background:#CCCCCC"> <p><strong>CSS</strong></p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">height</span></p> </td> <td style="background:#EFEFEF"> <p>设置元素高度。</p> </td> <td style="background:#EFEFEF"> <p>1</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">max-height</span></p> </td> <td style="background:#EFEFEF"> <p>设置元素的最大高度。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">max-width</span></p> </td> <td style="background:#EFEFEF"> <p>设置元素的最大宽度。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">min-height</span></p> </td> <td style="background:#EFEFEF"> <p>设置元素的最小高度。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">min-width</span></p> </td> <td style="background:#EFEFEF"> <p>设置元素的最小宽度。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">width</span></p> </td> <td style="background:#EFEFEF"> <p>设置元素的宽度。</p> </td> <td style="background:#EFEFEF"> <p>1</p> </td> </tr> </tbody> </table> <p><strong>CSS定位属性（Positioning）</strong></p> <table width="100%" border="1"> <tbody> <tr> <td style="background:#CCCCCC"> <p><strong>属性</strong></p> </td> <td style="background:#CCCCCC"> <p><strong>描述</strong></p> </td> <td style="background:#CCCCCC"> <p><strong>CSS</strong></p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">bottom</span></p> </td> <td style="background:#EFEFEF"> <p>设置定位元素下外边距边界与其包含块下边界之间的偏移。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">clear</span></p> </td> <td style="background:#EFEFEF"> <p>规定元素的哪一侧不允许其他浮动元素。</p> </td> <td style="background:#EFEFEF"> <p>1</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">clip</span></p> </td> <td style="background:#EFEFEF"> <p>剪裁绝对定位元素。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">cursor</span></p> </td> <td style="background:#EFEFEF"> <p>规定要显示的光标的类型（形状）。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">display</span></p> </td> <td style="background:#EFEFEF"> <p>规定元素应该生成的框的类型。</p> </td> <td style="background:#EFEFEF"> <p>1</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">float</span></p> </td> <td style="background:#EFEFEF"> <p>规定框是否应该浮动。</p> </td> <td style="background:#EFEFEF"> <p>1</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">left</span></p> </td> <td style="background:#EFEFEF"> <p>设置定位元素左外边距边界与其包含块左边界之间的偏移。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">overflow</span></p> </td> <td style="background:#EFEFEF"> <p>规定当内容溢出元素框时发生的事情。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">position</span></p> </td> <td style="background:#EFEFEF"> <p>规定元素的定位类型。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">right</span></p> </td> <td style="background:#EFEFEF"> <p>设置定位元素右外边距边界与其包含块右边界之间的偏移。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">top</span></p> </td> <td style="background:#EFEFEF"> <p>设置定位元素的上外边距边界与其包含块上边界之间的偏移。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">vertical-align</span></p> </td> <td style="background:#EFEFEF"> <p>设置元素的垂直对齐方式。</p> </td> <td style="background:#EFEFEF"> <p>1</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">visibility</span></p> </td> <td style="background:#EFEFEF"> <p>规定元素是否可见。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">z-index</span></p> </td> <td style="background:#EFEFEF"> <p>设置元素的堆叠顺序。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> </tbody> </table> <p><strong>CSS打印属性（Print）</strong></p> <table width="100%" border="1"> <tbody> <tr> <td style="background:#CCCCCC"> <p><strong>属性</strong></p> </td> <td style="background:#CCCCCC"> <p><strong>描述</strong></p> </td> <td style="background:#CCCCCC"> <p><strong>CSS</strong></p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p>orphans</p> </td> <td style="background:#EFEFEF"> <p>设置当元素内部发生分页时必须在页面底部保留的最少行数。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">page-break-after</span></p> </td> <td style="background:#EFEFEF"> <p>设置元素后的分页行为。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">page-break-before</span></p> </td> <td style="background:#EFEFEF"> <p>设置元素前的分页行为。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">page-break-inside</span></p> </td> <td style="background:#EFEFEF"> <p>设置元素内部的分页行为。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p>widows</p> </td> <td style="background:#EFEFEF"> <p>设置当元素内部发生分页时必须在页面顶部保留的最少行数。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> </tbody> </table> <p><strong>CSS表格属性（Table）</strong></p> <table width="100%" border="1"> <tbody> <tr> <td style="background:#CCCCCC"> <p><strong>属性</strong></p> </td> <td style="background:#CCCCCC"> <p><strong>描述</strong></p> </td> <td style="background:#CCCCCC"> <p><strong>CSS</strong></p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">border-collapse</span></p> </td> <td style="background:#EFEFEF"> <p>规定是否合并表格边框。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">border-spacing</span></p> </td> <td style="background:#EFEFEF"> <p>规定相邻单元格边框之间的距离。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">caption-side</span></p> </td> <td style="background:#EFEFEF"> <p>规定表格标题的位置。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">empty-cells</span></p> </td> <td style="background:#EFEFEF"> <p>规定是否显示表格中的空单元格上的边框和背景。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">table-layout</span></p> </td> <td style="background:#EFEFEF"> <p>设置用于表格的布局算法。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> </tbody> </table> <p><strong>CSS伪类（Pseudo-classes）</strong></p> <table width="100%" border="1"> <tbody> <tr> <td style="background:#CCCCCC"> <p><strong>属性</strong></p> </td> <td style="background:#CCCCCC"> <p><strong>描述</strong></p> </td> <td style="background:#CCCCCC"> <p><strong>CSS</strong></p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">:active</span></p> </td> <td style="background:#EFEFEF"> <p>向被激活的元素添加样式。</p> </td> <td style="background:#EFEFEF"> <p>1</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">:focus</span></p> </td> <td style="background:#EFEFEF"> <p>向拥有键盘输入焦点的元素添加样式。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">:hover</span></p> </td> <td style="background:#EFEFEF"> <p>当鼠标悬浮在元素上方时，向元素添加样式。</p> </td> <td style="background:#EFEFEF"> <p>1</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">:link</span></p> </td> <td style="background:#EFEFEF"> <p>向未被访问的链接添加样式。</p> </td> <td style="background:#EFEFEF"> <p>1</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">:visited</span></p> </td> <td style="background:#EFEFEF"> <p>向已被访问的链接添加样式。</p> </td> <td style="background:#EFEFEF"> <p>1</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">:first-child</span></p> </td> <td style="background:#EFEFEF"> <p>向元素的第一个子元素添加样式。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">:lang</span></p> </td> <td style="background:#EFEFEF"> <p>向带有指定 lang 属性的元素添加样式。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> </tbody> </table> <p><strong>CSS伪元素（Pseudoelements）</strong></p> <table width="100%" border="1"> <tbody> <tr> <td style="background:#CCCCCC"> <p><strong>属性</strong></p> </td> <td style="background:#CCCCCC"> <p><strong>描述</strong></p> </td> <td style="background:#CCCCCC"> <p><strong>CSS</strong></p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">:first-letter</span></p> </td> <td style="background:#EFEFEF"> <p>向文本的第一个字母添加特殊样式。</p> </td> <td style="background:#EFEFEF"> <p>1</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">:first-line</span></p> </td> <td style="background:#EFEFEF"> <p>向文本的首行添加特殊样式。</p> </td> <td style="background:#EFEFEF"> <p>1</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">:before</span></p> </td> <td style="background:#EFEFEF"> <p>在元素之前添加内容。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> <tr> <td style="background:#EFEFEF"> <p><span style="color:#900B09">:after</span></p> </td> <td style="background:#EFEFEF"> <p>在元素之后添加内容。</p> </td> <td style="background:#EFEFEF"> <p>2</p> </td> </tr> </tbody> </table> <h3>打印属性</h3> <h3>打印 HTML 文档总是会出现问题。在 CSS2 中，我们可以借助打印属性让打印 web 内容更容易一些。</h3> <table width="100%" border="1"> <tbody> <tr> <td style="background:#CCCCCC"> <h3>属性</h3> </td> <td style="background:#CCCCCC"> <h3>描述</h3> </td> <td style="background:#CCCCCC"> <h3>值</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3>orphans</h3> </td> <td style="background:#EFEFEF"> <h3>设置元素放在页面底部时所允许的最少文本行数。</h3> </td> <td style="background:#EFEFEF"> <h3>number</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3>marks</h3> </td> <td style="background:#EFEFEF"> <h3>设置是否在内容区之外但是在画布的可打印区域内放“十字标志”。</h3> <h3>请注意，CSS2.1 已删除该属性。</h3> </td> <td style="background:#EFEFEF"> <h3>none</h3> <h3>crop</h3> <h3>cross</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3>page</h3> </td> <td style="background:#EFEFEF"> <h3>这个属性与 size 属性结合可以指定打印一个元素时所用的特定页面类型。</h3> <h3>请注意，CSS2.1 已删除该属性。</h3> </td> <td style="background:#EFEFEF"> <h3>auto identifier</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">page-break-after</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置元素后是否应当放置分页符。</h3> </td> <td style="background:#EFEFEF"> <h3>auto</h3> <h3>always</h3> <h3>avoid</h3> <h3>left</h3> <h3>right</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">page-break-before</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置元素前否应当放置分页符。</h3> </td> <td style="background:#EFEFEF"> <h3>auto</h3> <h3>always</h3> <h3>avoid</h3> <h3>left</h3> <h3>right</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3><span style="color:#900B09">page-break-inside</span></h3> </td> <td style="background:#EFEFEF"> <h3>设置元素内部是否应当放置分页符。</h3> </td> <td style="background:#EFEFEF"> <h3>auto</h3> <h3>avoid</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3>size</h3> </td> <td style="background:#EFEFEF"> <h3>利用这个属性，创作人员可以声明打印一个元素时所用页框的大小和方向。它可以与 page 结合使用。不过并不要求一定如此。</h3> <h3>请注意，CSS2.1 已删除该属性。</h3> </td> <td style="background:#EFEFEF"> <h3>auto</h3> <h3>portrait</h3> <h3>landscape</h3> </td> </tr> <tr> <td style="background:#EFEFEF"> <h3>widows</h3> </td> <td style="background:#EFEFEF"> <h3>设置元素放在页面顶部时所允许的最少文本行数。</h3> </td> <td style="background:#EFEFEF"> <h3>number</h3> </td> </tr> </tbody> </table> <h2>CSS3新增文本属性</h2> <p> </p> <h2> </h2> <h3></h3> <a href="http://img.e-com-net.com/image/info8/4ce61a580097453ebbf2ea95a7f0540b.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/4ce61a580097453ebbf2ea95a7f0540b.jpg" alt="html实体字符_第1张图片" width="396" height="249" style="border:1px solid black;"></a> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1720388547153833984"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(前端,html,标签)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1892536436008218624.htm" title="图片粘贴上传实现" target="_blank">图片粘贴上传实现</a> <span class="text-muted">SarinaDu</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>图片上传htmldemo直接粘贴本地运行查看效果即可，有看不懂的直接喂给deepseek会解释的很清晰粘贴图片上传示例-使用场景，粘贴桌面图片上传、粘贴word文档中图片上传、直接截图上传等body{font-family:Arial,sans-serif;padding:20px;}.upload-area{width:100%;height:200px;border:2pxdashed#ccc</div> </li> <li><a href="/article/1892536182668062720.htm" title="前后端分离跨域问题解决方案" target="_blank">前后端分离跨域问题解决方案</a> <span class="text-muted">慕容屠苏</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%E7%88%AC%E5%9D%91%E4%B9%8B%E8%B7%AF/1.htm">大前端爬坑之路</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E5%90%8E%E7%AB%AF%E5%88%86%E7%A6%BB/1.htm">前后端分离</a><a class="tag" taget="_blank" href="/search/%E8%B7%A8%E5%9F%9F%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/1.htm">跨域问题解决方案</a> <div>前后端分离跨域问题解决方案现在的web开发中经常会用到前后分离技术，前后端分解技术，都会涉及到跨域问题。解决跨域问题的方法：第一种解决方案jsonp(不推荐使用)这种方案其实我是不赞同的，第一，在编码上jsonp会单独因为回调的关系，在传入传出还有定义回调函数上都会有编码的”不整洁”.简单阐述jsonp能够跨域是因为javascript的script标签，通过服务器返回script标签的code，</div> </li> <li><a href="/article/1892531390109511680.htm" title="Shopro商城新零售多商户社交电商分销商城系统支持微信公众号、微信小程序、H5、APP" target="_blank">Shopro商城新零售多商户社交电商分销商城系统支持微信公众号、微信小程序、H5、APP</a> <span class="text-muted">狂团商城小师妹</span> <a class="tag" taget="_blank" href="/search/%E5%8D%9A%E7%BA%B3miui52086/1.htm">博纳miui52086</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%B9%B3%E5%8F%B0/1.htm">微信公众平台</a> <div>新零售解决方案重新建立消费者、货物、经营场所三者之间的联系。线上线下联合发力，以消费者体验为核心，全面布局新零售会员管理更便捷规范管理会员信息一目了然，可自动生成会员消费标签，帮助您制定个性化会员营销方案提高会员粘性将会员资源转化为订单。商城管理更省心规范管理会员信息一目了然，可自动生成会员消费标签，帮助您制定个性化会员营销方案提高会员粘性将会员资源转化为订单。社交电商解决方案社交电商已成为线上购</div> </li> <li><a href="/article/1892528359695511552.htm" title="详细介绍：封装简易的 Axios 函数获取省份列表" target="_blank">详细介绍：封装简易的 Axios 函数获取省份列表</a> <span class="text-muted">还是鼠鼠</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>目录关键步骤：完整代码（html）：代码解析：程序运行结果：本示例展示了如何通过封装一个简易的myAxios函数来模拟axios的功能，使用原生的XMLHttpRequest（XHR）对象来发起HTTP请求。我们将实现一个简单的功能，通过该封装函数从服务器获取省份列表数据，并在网页上显示这些省份。关键步骤：封装myAxios函数：myAxios函数接收一个配置对象（如请求的URL和方法），并返回一</div> </li> <li><a href="/article/1892528229797916672.htm" title="使用vue3框架vue-next-admin导出列表数据" target="_blank">使用vue3框架vue-next-admin导出列表数据</a> <span class="text-muted">乐多_L</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>在Vue3中实现Excel导出功能可以通过以下步骤完成，这里使用xlsx库来实现前端Excel导出：1.安装依赖npminstallxlsxfile-saver#或yarnaddxlsxfile-saver2.实现代码示例需要在当前页引入import*asXLSXfrom"xlsx";注释：我导出的数据为列表的全部数据（datum）；自定义我需要的表头，大家可以根据自己的需要进行替换。还可以只导出</div> </li> <li><a href="/article/1892521549492187136.htm" title="科普：Docker run的相关事项" target="_blank">科普：Docker run的相关事项</a> <span class="text-muted">人工干智能</span> <a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/eureka/1.htm">eureka</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>一、镜像名（含标签）太长如，通过如下命令行：dockerpulldesignthru2019/dify:56c6d1af0944dbdb5e0115cb623ff0e118a4ac62拉取的镜像名（及标签）太长，可以通过改名的方法变短。在Docker中，拉取到本地的镜像可以改名。本质上，这并不是直接修改镜像本身，而是为镜像添加一个新的标签（tag），因为Docker中的镜像名称和标签其实就是对镜像</div> </li> <li><a href="/article/1892519657118691328.htm" title="DeepSeek爆火背后：AI如何助力GIS发展" target="_blank">DeepSeek爆火背后：AI如何助力GIS发展</a> <span class="text-muted">GIS前端嘉欣</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/GIS/1.htm">GIS</a><a class="tag" taget="_blank" href="/search/webgis/1.htm">webgis</a> <div>2025年的春节，一款名为DeepSeek的AI工具以“推理能力超群”“性价比碾压巨头”的标签火遍全网：日活用户突破3000万，微信搜索接入其长思考模式，三大电信运营商全面部署其开源框架。这场由低成本+高性能+开源驱动的技术革命，不仅让AI开发门槛大幅降低，更预示着一个全新的产业趋势——AI与GIS的深度融合，正在重塑城市、环境和商业的底层逻辑。012025年，AI+GIS深度融合的四大趋势1.城</div> </li> <li><a href="/article/1892516757122379776.htm" title="spring boot基于知识图谱的阿克苏市旅游管理系统python-计算机毕业设计" target="_blank">spring boot基于知识图谱的阿克苏市旅游管理系统python-计算机毕业设计</a> <span class="text-muted">QQ1963288475</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E7%9F%A5%E8%AF%86%E5%9B%BE%E8%B0%B1/1.htm">知识图谱</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/flask/1.htm">flask</a> <div>目录功能和技术介绍具体实现截图开发核心技术：开发环境开发步骤编译运行核心代码部分展示系统设计详细视频演示可行性论证软件测试源码获取功能和技术介绍该系统基于浏览器的方式进行访问，采用springboot集成快速开发框架，前端使用vue方式，基于es5的语法，开发工具IntelliJIDEAx64，因为该开发工具，内嵌了Tomcat服务运行机制，可不用单独下载Tomcatserver服务器。由于考虑到</div> </li> <li><a href="/article/1892510471286747136.htm" title="【OpenTiny调研征集】共创技术未来，分享您的声音！" target="_blank">【OpenTiny调研征集】共创技术未来，分享您的声音！</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AFvue.js%E5%BC%80%E6%BA%90/1.htm">前端vue.js开源</a> <div>欢迎参与2025年OpenTiny开源社区用户调研征集调研背景随着OpenTiny开源项目的不断发展，我们一直致力于为开发者提供高质量的Web前端开发解决方案。为了更好地满足用户需求，提升项目的实用性和易用性，我们决定发起一项用户调研活动，诚挚邀请您参与。调研目的了解用户需求：收集您在使用OpenTiny开源项目过程中的需求、问题和建议，以便我们更好地改进和优化。提升用户体验：通过您的反馈，我们将</div> </li> <li><a href="/article/1892507680455585792.htm" title="Android arcgis加载在线底图" target="_blank">Android arcgis加载在线底图</a> <span class="text-muted">Angie洛林</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/arcgis/1.htm">arcgis</a> <div>我整理的一些关于【信息系统】的项目学习资料（附讲解～～）和大家一起分享、学习一下：https://edu.51cto.com/mic-position/757.html在Android中使用ArcGIS加载在线底图ArcGIS是Esri提供的一套强大的地理信息系统（GIS）解决方案，支持多种平台，包括Android。本文将介绍如何在Android应用中使用ArcGIS加载在线底图，并配有相关代码示</div> </li> <li><a href="/article/1892506293600579584.htm" title="cesium（vue）一些面试问题（包含Three.js）" target="_blank">cesium（vue）一些面试问题（包含Three.js）</a> <span class="text-muted">GIS瞧葩菜</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/cesium/1.htm">cesium</a> <div>1.在不同的应用场景和技术栈中，模型加载方法和格式有所不同，下面主要从Web前端三维场景（使用Three.js和cesium）使用Three.js加载模型常见模型格式及加载方法GLTF/GLB格式格式特点：GLTF（GraphicsLibraryTransmissionFormat）是一种开放的、基于JSON的三维模型传输格式，GLB是其二进制版本。它们具有文件小、加载快、支持动画、材质和骨骼等优</div> </li> <li><a href="/article/1892503270987984896.htm" title="（九万字）面向2025年BOSS直聘人工智能算法工程师高频面试题解析" target="_blank">（九万字）面向2025年BOSS直聘人工智能算法工程师高频面试题解析</a> <span class="text-muted">快撑死的鱼</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E5%9B%9E%E5%BD%92/1.htm">回归</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</a> <div>面向2025年BOSS直聘人工智能算法工程师高频面试题解析1.机器学习（ML）理论解析机器学习是让计算机从数据中学习规律的一套方法论，包含监督学习、无监督学习和强化学习等范式。在监督学习中，给定带标签的数据，算法尝试学习从输入到输出的映射关系；无监督学习则在缺乏标签的情况下挖掘数据内在结构；强化学习则让智能体通过与环境交互、依据奖赏反馈来改进策略(Q-learning-Wikipedia)。机器学</div> </li> <li><a href="/article/1892502492609048576.htm" title="CSS中五种定位方式（position）对比分析" target="_blank">CSS中五种定位方式（position）对比分析</a> <span class="text-muted">七公子77</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在CSS中，定位方式（position）决定了元素如何相对于其参照物进行定位，同时影响文档流的布局。以下是五种定位方式的对比、参照物说明及代码示例：1.position:static（默认定位）参照物：无，元素位于默认文档流中。文档流：元素按照HTML顺序自然排列。特点：top、right、bottom、left和z-index属性无效。示例：Box1Box2.box{width:100px;he</div> </li> <li><a href="/article/1892485474463838208.htm" title="深度学习之目标检测的常用标注工具" target="_blank">深度学习之目标检测的常用标注工具</a> <span class="text-muted">铭瑾熙</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E7%9B%AE%E6%A0%87%E6%A3%80%E6%B5%8B/1.htm">目标检测</a><a class="tag" taget="_blank" href="/search/%E7%9B%AE%E6%A0%87%E8%B7%9F%E8%B8%AA/1.htm">目标跟踪</a> <div>1LabelImgLabelImg是一款开源的图像标注工具，标签可用于分类和目标检测，它是用Python编写的，并使用Qt作为其图形界面，简单好用。注释以PASCALVOC格式保存为XML文件，这是ImageNet使用的格式。此外，它还支持COCO数据集格式。2labelmelabelme是一款开源的图像/视频标注工具，标签可用于目标检测、分割和分类。灵感是来自于MIT开源的一款标注工具Label</div> </li> <li><a href="/article/1892482448659378176.htm" title="【vue】Mammoth.js的使用：将.docx转换成HTML" target="_blank">【vue】Mammoth.js的使用：将.docx转换成HTML</a> <span class="text-muted">暴富暴富暴富啦啦啦</span> <a class="tag" taget="_blank" href="/search/1024%E7%A8%8B%E5%BA%8F%E5%91%98%E8%8A%82/1.htm">1024程序员节</a> <div>mammoth.convertToHtml(input,options）：把源文档转换为HTML文档mammoth.convertToMarkdown(input,options)：把源文档转换为Markdown文档。mammoth.extractRawText(input)：提取文档的原始文本。这将忽略文档中的所有格式。每个段落后跟两个换行符。npminstallelement-uimammot</div> </li> <li><a href="/article/1892474879861649408.htm" title="探索 TypeScript Redux：构建大规模JavaScript应用的终极指南" target="_blank">探索 TypeScript Redux：构建大规模JavaScript应用的终极指南</a> <span class="text-muted">柳旖岭</span> <div>探索TypeScriptRedux：构建大规模JavaScript应用的终极指南去发现同类优质开源项目:https://gitcode.com/在当今快速发展的前端开发领域中，组合正确工具集来应对复杂性和扩展性挑战至关重要。今天，我们将深入了解一个令人兴奋的开源项目——TypeScriptRedux，它结合了TypeScript、JSPM、typings、React和Redux的强大功能，为开发者</div> </li> <li><a href="/article/1892473871148314624.htm" title="单细胞轨迹分析-monocle包的使用" target="_blank">单细胞轨迹分析-monocle包的使用</a> <span class="text-muted">探序基因</span> <a class="tag" taget="_blank" href="/search/r%E8%AF%AD%E8%A8%80/1.htm">r语言</a> <div>探序基因肿瘤研究院整理安装：monocle源码下载：https://www.bioconductor.org/packages/release/bioc/html/monocle.htmlR版本，4.2.0BiocManager::install("monocle")不过在安装过程中还是报错了：Warning:无法在https://bioconductor.org/packages/3.15/bi</div> </li> <li><a href="/article/1892473365688545280.htm" title="Mybatis判断问题：深入解析与实战案例" target="_blank">Mybatis判断问题：深入解析与实战案例</a> <span class="text-muted">DTcode7</span> <a class="tag" taget="_blank" href="/search/sql%E6%95%B0%E6%8D%AE%E5%BA%93%E7%9B%B8%E5%85%B3/1.htm">sql数据库相关</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/SQL/1.htm">SQL</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93%E5%BC%80%E5%8F%91/1.htm">数据库开发</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>Mybatis判断问题：深入解析与实战案例基础概念与作用说明``标签``,``,````示例一：基本的``标签使用说明示例二：``,``,``的使用说明示例三：使用``标签简化条件语句说明实际工作中的使用技巧自行拓展内容在现代企业级应用开发中，MyBatis作为一款优秀的持久层框架，以其灵活的SQL映射机制和强大的动态SQL功能，深受广大开发者的喜爱。然而，在使用过程中，如何准确地进行条件判断，特</div> </li> <li><a href="/article/1892471976795107328.htm" title="前端导出word文件—包含canvas(echarts图表)" target="_blank">前端导出word文件—包含canvas(echarts图表)</a> <span class="text-muted">Liuer_Qin</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/canvas/1.htm">canvas</a><a class="tag" taget="_blank" href="/search/echarts/1.htm">echarts</a><a class="tag" taget="_blank" href="/search/echarts/1.htm">echarts</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>一、使用的插件html-docx-js二、整体思路因为canvas是运行在内存中的，所以不能简单的通过dom获取canvas图片，需要手动的先将canvas转为image。三、实现先克隆要下载的DOM的副本。因为canvas是运行在内存中的，所以也不能通过cloneNode方法克隆下来（克隆下来是空的）。我们这里将原DOM中的canvas转成图片，然后插入到副本的对应位置，这样操作不会影响原DOM</div> </li> <li><a href="/article/1892465546335678464.htm" title="Ubuntu切换终端快捷键" target="_blank">Ubuntu切换终端快捷键</a> <span class="text-muted">yangsong4353</span> <a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a><a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/term/1.htm">term</a> <div>在Ubuntu系统中，使用终端（Terminal）进行操作时，掌握一些快捷键可以大大提高工作效率。以下是一些常用的终端快捷键及其功能：打开和关闭终端打开终端:Ctrl+Alt+T关闭终端:Ctrl+D标签页操作新建标签页:Ctrl+Shift+T关闭标签页:Ctrl+Shift+W切换标签页:Alt+数字键（如Alt+1，Alt+2等）或Ctrl+PageUp/PageDown复制和粘贴复制:Ct</div> </li> <li><a href="/article/1892464158230769664.htm" title="【自然语言处理|迁移学习-08】：中文语料完型填空" target="_blank">【自然语言处理|迁移学习-08】：中文语料完型填空</a> <span class="text-muted">爱学习不掉头发</span> <a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86%EF%BC%88NLP%EF%BC%89/1.htm">自然语言处理（NLP）</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86/1.htm">自然语言处理</a><a class="tag" taget="_blank" href="/search/%E8%BF%81%E7%A7%BB%E5%AD%A6%E4%B9%A0/1.htm">迁移学习</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>文章目录1中文语料完型填空任务介绍2数据集加载及处理3定义下游任务模型4模型训练5.模型测试1中文语料完型填空任务介绍任务介绍：完成中文语料完型填空完型填空是一个分类问题，[MASK]单词有21128种可能数据构建实现分析：使用迁移学习方式完成使用预训练模型bert模型提取文特征，后面添加全连接层和softmax进行单标签多分类2数据集加载及处理数据介绍：数据文件有三个train.csv，test</div> </li> <li><a href="/article/1892457086076383232.htm" title="动态蛇形卷积（DySnakeConv）在YOLOv8检测头中的应用与优化-分割性能的提升【YOLOv8】" target="_blank">动态蛇形卷积（DySnakeConv）在YOLOv8检测头中的应用与优化-分割性能的提升【YOLOv8】</a> <span class="text-muted">步入烟尘</span> <a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E8%9B%87%E5%BD%A2%E5%8D%B7%E7%A7%AF/1.htm">动态蛇形卷积</a><a class="tag" taget="_blank" href="/search/DySnakeConv/1.htm">DySnakeConv</a> <div>本专栏专为AI视觉领域的爱好者和从业者打造。涵盖分类、检测、分割、追踪等多项技术，带你从入门到精通！后续更有实战项目，助你轻松应对面试挑战！立即订阅，开启你的YOLOv8之旅！专栏订阅地址：https://blog.csdn.net/mrdeam/category_12804295.html文章目录动态蛇形卷积（DySnakeConv）在YOLOv8检测头中的应用与优化-分割性能的提升【YOLOv</div> </li> <li><a href="/article/1892453179853959168.htm" title="微信支付-扫码支付全流程" target="_blank">微信支付-扫码支付全流程</a> <span class="text-muted">自娱自乐22</span> <a class="tag" taget="_blank" href="/search/thinkphp/1.htm">thinkphp</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E6%89%AB%E7%A0%81%E6%94%AF%E4%BB%98/1.htm">微信扫码支付</a> <div>微信支付官方文档：`https://pay.weixin.qq.com/wiki/doc/api/index.html`微信支付分为2种模式：【模式一】：商户后台系统根据微信支付规则链接生成二维码，链接中带固定参数productid（可定义为产品标识或订单号）。用户扫码后，微信支付系统将productid和用户唯一标识(openid)回调商户后台系统(需要设置支付回调URL)，商户后台系统根据pr</div> </li> <li><a href="/article/1892453053508939776.htm" title="mac+php5.3的docker-compose.yml分享" target="_blank">mac+php5.3的docker-compose.yml分享</a> <span class="text-muted">自娱自乐22</span> <a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a> <div>version:'3'services:nginx:image:nginx:latestcontainer_name:nginx-composevolumes:-./wwwroot:/usr/share/nginx/html:rw-./nginx/nginx/:/etc/nginx/:rw-./log/nginx:/var/log/nginx:rwrestart:alwayslinks:-phpp</div> </li> <li><a href="/article/1892449143461310464.htm" title="Python+Playwright常用元素定位方法" target="_blank">Python+Playwright常用元素定位方法</a> <span class="text-muted">HAMYHF</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%8A%9F%E8%83%BD%E6%B5%8B%E8%AF%95/1.htm">功能测试</a> <div>CSSselector选择器在CSS中，定位元素主要通过选择器完成，以下是几种常见的CSS选择器定位方法：标签选择器(element):直接使用HTML元素名称来定位，例如p会选择所有段落元素。属性选择器(attribute):选择所有具有指定属性的元素，无论该属性的值是什么。例如，[title]会选择所有包含title属性的元素。选择具有指定属性，并且该属性值完全等于给定值的元素。例如，[typ</div> </li> <li><a href="/article/1892446115870076928.htm" title="JavaScript网页设计案例：打造交互式个人简历网站" target="_blank">JavaScript网页设计案例：打造交互式个人简历网站</a> <span class="text-muted">程序媛小果</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>在当今数字化时代，个人简历不再局限于纸质文档，而是越来越多地以网页形式呈现。JavaScript作为一种强大的客户端脚本语言，为网页设计提供了无限可能，使得网页不仅仅是静态的信息展示，而是具有丰富交互性的平台。本文将通过一个案例，展示如何使用HTML、CSS和JavaScript来设计一个交互式的个人简历网站。1.项目概述本案例的目标是创建一个个人简历网站，它不仅展示个人信息、工作经历、教育背景和</div> </li> <li><a href="/article/1892439165430198272.htm" title="容器docker k8s相关的问题汇总及排错" target="_blank">容器docker k8s相关的问题汇总及排错</a> <span class="text-muted">weixin_43806846</span> <a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/kubernetes/1.htm">kubernetes</a><a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8/1.htm">容器</a> <div>1.明确问题2.排查方向2.1、docker方面dockerlogs-f容器IDdocker的网络配置问题。2.2、k8s方面node组件问题pod的问题（方式kubectldescribepopod的名称-n命名空间&&kubectllogs-fpod的名称-n命名空间）调度的问题（污点、节点选择器与标签不匹配、存储卷的问题）service问题（访问不了，ingress的问题、service标签</div> </li> <li><a href="/article/1892433617058066432.htm" title="使用Odoo Shell卸载模块" target="_blank">使用Odoo Shell卸载模块</a> <span class="text-muted">odoo中国</span> <a class="tag" taget="_blank" href="/search/odoo/1.htm">odoo</a><a class="tag" taget="_blank" href="/search/odoo/1.htm">odoo</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90%E8%BD%AF%E4%BB%B6/1.htm">开源软件</a><a class="tag" taget="_blank" href="/search/erp/1.htm">erp</a> <div>使用OdooShell卸载模块我们在Odoo使用过程中，因为模块安装错误或者前端错误等导致odoo无法通过界面登录，这时候你可以使用OdooShell来卸载模块。OdooShell是一个交互式Pythonshell，允许你直接与Odoo数据库和模型进行交互。以下是使用OdooShell卸载模块的详细步骤：步骤1：启动OdooShell要启动OdooShell，你需要在终端中运行以下命令。确保你已经</div> </li> <li><a href="/article/1892426166254497792.htm" title="基于 Spring Boot 的社区居民健康管理系统部署说明书" target="_blank">基于 Spring Boot 的社区居民健康管理系统部署说明书</a> <span class="text-muted">小星袁</span> <a class="tag" taget="_blank" href="/search/%E6%AF%95%E4%B8%9A%E8%AE%BE%E8%AE%A1%E5%8E%9F%E6%96%87/1.htm">毕业设计原文</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>目录1系统概述2准备资料3系统安装与部署3.1数据库部署3.1.1MySQL的部署3.1.2Navicat的部署3.2服务器部署3.3客户端部署4系统配置与优化5其他基于SpringBoot的社区居民健康管理系统部署说明书1系统概述本系统主要运用了SpringBoot框架，前端页面的设计主要依托Vue框架来构建，实现丰富且交互性强的用户界面，后台管理功能则采用SpringBoot框架与MySQL数</div> </li> <li><a href="/article/1892421248793767936.htm" title="2025年全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！" target="_blank">2025年全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！</a> <span class="text-muted">白帽安全-黑客4148</span> <a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><a class="tag" taget="_blank" href="/search/CTF/1.htm">CTF</a> <div>目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、SQL注入（7-8天）2、文件上传（7-8天）3、其他漏洞（14-15天）4.3、后期五、CTF学习资源5.1、CTF赛题复现平台5.</div> </li> <li><a href="/article/106.htm" title="书其实只有三类" target="_blank">书其实只有三类</a> <span class="text-muted">西蜀石兰</span> <a class="tag" taget="_blank" href="/search/%E7%B1%BB/1.htm">类</a> <div>一个人一辈子其实只读三种书，知识类、技能类、修心类。知识类的书可以让我们活得更明白。类似十万个为什么这种书籍，我一直不太乐意去读，因为单纯的知识是没法做事的，就像知道地球转速是多少一样（我肯定不知道），这种所谓的知识，除非用到，普通人掌握了完全是一种负担，维基百科能找到的东西，为什么去记忆？知识类的书，每个方面都涉及些，让自己显得不那么没文化，仅此而已。社会认为的学识渊博，肯定不是站在</div> </li> <li><a href="/article/233.htm" title="《TCP/IP 详解，卷1：协议》学习笔记、吐槽及其他" target="_blank">《TCP/IP 详解，卷1：协议》学习笔记、吐槽及其他</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/tcp/1.htm">tcp</a> <div>《TCP/IP 详解，卷1：协议》是经典，但不适合初学者。它更像是一本字典，适合学过网络的人温习和查阅一些记不清的概念。这本书，我看的版本是机械工业出版社、范建华等译的。这本书在我看来，翻译得一般，甚至有明显的错误。如果英文熟练，看原版更好： http://pcvr.nl/tcpip/ 下面是我的一些笔记，包括我看书时有疑问的地方，也有对该书的吐槽，有不对的地方请指正： 1.</div> </li> <li><a href="/article/360.htm" title="Linux—— 静态IP跟动态IP设置" target="_blank">Linux—— 静态IP跟动态IP设置</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/IP/1.htm">IP</a> <div>一.在终端输入 vi /etc/sysconfig/network-scripts/ifcfg-eth0 静态ip模板如下： DEVICE="eth0" #网卡名称 BOOTPROTO="static" #静态IP（必须） HWADDR="00:0C:29:B5:65:CA" #网卡mac地址 IPV6INIT=&q</div> </li> <li><a href="/article/487.htm" title="Informatica update strategy transformation" target="_blank">Informatica update strategy transformation</a> <span class="text-muted">18289753290</span> <div>更新策略组件：标记你的数据进入target里面做什么操作，一般会和lookup配合使用，有时候用0,1,1代表 forward  rejected rows被选中，rejected row是输出在错误文件里，不想看到reject输出，将错误输出到文件，因为有时候数据库原因导致某些column不能update，reject就会output到错误文件里面供查看，在workflow的</div> </li> <li><a href="/article/614.htm" title="使用Scrapy时出现虽然队列里有很多Request但是却不下载，造成假死状态" target="_blank">使用Scrapy时出现虽然队列里有很多Request但是却不下载，造成假死状态</a> <span class="text-muted">酷的飞上天空</span> <a class="tag" taget="_blank" href="/search/request/1.htm">request</a> <div>现象就是：程序运行一段时间，可能是几十分钟或者几个小时，然后后台日志里面就不出现下载页面的信息，一直显示上一分钟抓取了0个网页的信息。刚开始已经猜到是某些下载线程没有正常执行回调方法引起程序一直以为线程还未下载完成，但是水平有限研究源码未果。经过不停的google终于发现一个有价值的信息，是给twisted提出的一个bugfix 连接地址如下http://twistedmatrix.</div> </li> <li><a href="/article/741.htm" title="利用预测分析技术来进行辅助医疗" target="_blank">利用预测分析技术来进行辅助医疗</a> <span class="text-muted">蓝儿唯美</span> <a class="tag" taget="_blank" href="/search/%E5%8C%BB%E7%96%97/1.htm">医疗</a> <div>2014年，克利夫兰诊所（Cleveland Clinic）想要更有效地控制其手术中心做膝关节置换手术的费用。整个系统每年大约进行2600例此类手术，所以，即使降低很少一部分成本，都可以为诊所和病人节约大量的资金。为了找到适合的解决方案，供应商将视野投向了预测分析技术和工具，但其分析团队还必须花时间向医生解释基于数据的治疗方案意味着什么。  克利夫兰诊所负责企业信息管理和分析的医疗</div> </li> <li><a href="/article/868.htm" title="java 线程(一)：基础篇" target="_blank">java 线程(一)：基础篇</a> <span class="text-muted">DavidIsOK</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B/1.htm">线程</a> <div>                                                        &nbs</div> </li> <li><a href="/article/995.htm" title="Tomcat服务器框架之Servlet开发分析" target="_blank">Tomcat服务器框架之Servlet开发分析</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a> <div>最近使用Tomcat做web服务器，使用Servlet技术做开发时，对Tomcat的框架的简易分析：疑问：为什么我们在继承HttpServlet类之后，覆盖doGet(HttpServletRequest req, HttpServetResponse rep)方法后，该方法会自动被Tomcat服务器调用，doGet方法的参数有谁传递过来？怎样传递？分析之我见： doGet方法的</div> </li> <li><a href="/article/1122.htm" title="揭秘玖富的粉丝营销之谜与小米粉丝社区类似" target="_blank">揭秘玖富的粉丝营销之谜与小米粉丝社区类似</a> <span class="text-muted">aoyouzi</span> <a class="tag" taget="_blank" href="/search/%E6%8F%AD%E7%A7%98%E7%8E%96%E5%AF%8C%E7%9A%84%E7%B2%89%E4%B8%9D%E8%90%A5%E9%94%80%E4%B9%8B%E8%B0%9C/1.htm">揭秘玖富的粉丝营销之谜</a> <div>玖富旗下悟空理财凭借着一个微信公众号上线当天成交量即破百万，第七天成交量单日破了1000万;第23天时，累计成交量超1个亿……至今成立不到10个月，粉丝已经超过500万，月交易额突破10亿，而玖富平台目前的总用户数也已经超过了1800万，位居P2P平台第一位。很多互联网金融创业者慕名前来学习效仿，但是却鲜有成功者，玖富的粉丝营销对外至今仍然是个谜。   　　近日，一直坚持微信粉丝营销</div> </li> <li><a href="/article/1249.htm" title="Java web的会话跟踪技术" target="_blank">Java web的会话跟踪技术</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/url%E4%BC%9A%E8%AF%9D/1.htm">url会话</a><a class="tag" taget="_blank" href="/search/Cookie%E4%BC%9A%E8%AF%9D/1.htm">Cookie会话</a><a class="tag" taget="_blank" href="/search/Seession%E4%BC%9A%E8%AF%9D/1.htm">Seession会话</a><a class="tag" taget="_blank" href="/search/Java+Web/1.htm">Java Web</a><a class="tag" taget="_blank" href="/search/%E9%9A%90%E8%97%8F%E5%9F%9F%E4%BC%9A%E8%AF%9D/1.htm">隐藏域会话</a> <div>会话跟踪主要是用在用户页面点击不同的页面时,需要用到的技术点   会话:多次请求与响应的过程     1,url地址传递参数,实现页面跟踪技术          格式:传一个参数的 url?名=值     传两个参数的 url?名=值 &名=值   关键代码</div> </li> <li><a href="/article/1376.htm" title="web.xml之Servlet配置" target="_blank">web.xml之Servlet配置</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/web.xml/1.htm">web.xml</a><a class="tag" taget="_blank" href="/search/Servlet%E9%85%8D%E7%BD%AE/1.htm">Servlet配置</a> <div>定义： <servlet> <servlet-name>myservlet</servlet-name> <servlet-class>com.myapp.controller.MyFirstServlet</servlet-class> <init-param> <param-name&gt</div> </li> <li><a href="/article/1503.htm" title="利用svnsync实现SVN同步备份" target="_blank">利用svnsync实现SVN同步备份</a> <span class="text-muted">sunjing</span> <a class="tag" taget="_blank" href="/search/SVN/1.htm">SVN</a><a class="tag" taget="_blank" href="/search/%E5%90%8C%E6%AD%A5/1.htm">同步</a><a class="tag" taget="_blank" href="/search/E000022/1.htm">E000022</a><a class="tag" taget="_blank" href="/search/svnsync/1.htm">svnsync</a><a class="tag" taget="_blank" href="/search/%E9%95%9C%E5%83%8F/1.htm">镜像</a> <div>1. 在备份SVN服务器上建立版本库    svnadmin create test 2. 创建pre-revprop-change文件     cd test/hooks/     cp pre-revprop-change.tmpl pre-revprop-change 3. 修改pre-revprop-</div> </li> <li><a href="/article/1630.htm" title="【分布式数据一致性三】MongoDB读写一致性" target="_blank">【分布式数据一致性三】MongoDB读写一致性</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div>本系列文章结合MongoDB，探讨分布式数据库的数据一致性，这个系列文章包括：数据一致性概述与CAP 最终一致性(Eventually Consistency) 网络分裂(Network Partition)问题多数据中心(Multi Data Center) 多个写者(Multi Writer)最终一致性一致性图表(Consistency Chart) 数据</div> </li> <li><a href="/article/1757.htm" title="Anychart图表组件-Flash图转IMG普通图的方法" target="_blank">Anychart图表组件-Flash图转IMG普通图的方法</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/Flash/1.htm">Flash</a> <div>问题背景：项目使用的是Anychart图表组件，渲染出来的图是Flash的，往往一个页面有时候会有多个flash图，而需求是让我们做一个打印预览和打印功能，让多个Flash图在一个页面上打印出来。   那么我们打印预览的思路是获取页面的body元素，然后在打印预览界面通过$("body").append(html)的形式显示预览效果，结果让人大跌眼镜：Flash是</div> </li> <li><a href="/article/1884.htm" title="Window 80端口被占用 WHY?" target="_blank">Window 80端口被占用 WHY?</a> <span class="text-muted">bozch</span> <a class="tag" taget="_blank" href="/search/%E7%AB%AF%E5%8F%A3%E5%8D%A0%E7%94%A8/1.htm">端口占用</a><a class="tag" taget="_blank" href="/search/window/1.htm">window</a> <div>平时在启动一些可能使用80端口软件的时候，会提示80端口已经被其他软件占用，那一般又会有那些软件占用这些端口呢？    下面坐下总结：         1、web服务器是最经常见的占用80端口的，例如：tomcat , apache  , IIS , Php等等；         2</div> </li> <li><a href="/article/2011.htm" title="编程之美-数组的最大值和最小值-分治法（两种形式）" target="_blank">编程之美-数组的最大值和最小值-分治法（两种形式）</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a> <div> import java.util.Arrays; public class MinMaxInArray { /** * 编程之美数组的最大值和最小值分治法 * 两种形式 */ public static void main(String[] args) { int[] t={11,23,34,4,6,7,8,1,2,23}; int[] </div> </li> <li><a href="/article/2138.htm" title="Perl正则表达式" target="_blank">Perl正则表达式</a> <span class="text-muted">chenbowen00</span> <a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a><a class="tag" taget="_blank" href="/search/perl/1.htm">perl</a> <div>首先我们应该知道 Perl 程序中，正则表达式有三种存在形式，他们分别是：匹配：m/<regexp>;/ （还可以简写为 /<regexp>;/ ，略去 m）替换：s/<pattern>;/<replacement>;/ 转化：tr/<pattern>;/<replacemnt>;</div> </li> <li><a href="/article/2265.htm" title="[宇宙与天文]行星议会是否具有本行星大气层以外的权力呢?" target="_blank">[宇宙与天文]行星议会是否具有本行星大气层以外的权力呢?</a> <span class="text-muted">comsci</span> <div>       举个例子: 地球,地球上由200多个国家选举出一个代表地球联合体的议会,那么现在地球联合体遇到一个问题,地球这颗星球上面的矿产资源快要采掘完了....那么地球议会全体投票,一致通过一项带有法律性质的议案,既批准地球上的国家用各种技术手段在地球以外开采矿产资源和其它资源........    &</div> </li> <li><a href="/article/2392.htm" title="Oracle Profile 使用详解" target="_blank">Oracle Profile 使用详解</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/profile/1.htm">profile</a><a class="tag" taget="_blank" href="/search/%E8%B5%84%E6%BA%90%E9%99%90%E5%88%B6/1.htm">资源限制</a> <div>Oracle Profile 使用详解转一、目的： Oracle系统中的profile可以用来对用户所能使用的数据库资源进行限制，使用Create Profile命令创建一个Profile，用它来实现对数据库资源的限制使用，如果把该profile分配给用户，则该用户所能使用的数据库资源都在该profile的限制之内。二、条件：创建profile必须要有CREATE PROFIL</div> </li> <li><a href="/article/2519.htm" title="How HipChat Stores And Indexes Billions Of Messages Using ElasticSearch & Redis" target="_blank">How HipChat Stores And Indexes Billions Of Messages Using ElasticSearch & Redis</a> <span class="text-muted">dengkane</span> <a class="tag" taget="_blank" href="/search/elasticsearch/1.htm">elasticsearch</a><a class="tag" taget="_blank" href="/search/Lucene/1.htm">Lucene</a> <div>This article is from an interview with Zuhaib Siddique, a production engineer at HipChat, makers of group chat and IM for teams. HipChat started in an unusual space, one you might not </div> </li> <li><a href="/article/2646.htm" title="循环小示例，菲波拉契序列，循环解一元二次方程以及switch示例程序" target="_blank">循环小示例，菲波拉契序列，循环解一元二次方程以及switch示例程序</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div># include <stdio.h> int main(void) { int n; int i; int f1, f2, f3; f1 = 1; f2 = 1; printf("请输入您需要求的想的序列："); scanf("%d", &n); for (i=3; i<n; i</div> </li> <li><a href="/article/2773.htm" title="macbook的lamp环境" target="_blank">macbook的lamp环境</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/lamp/1.htm">lamp</a> <div>  sudo vim /etc/apache2/httpd.conf   /Library/WebServer/Documents 是默认的网站根目录   重启Mac上的Apache服务   这个命令很早以前就查过了，但是每次使用的时候还是要在网上查：停止服务：sudo /usr/sbin/apachectl stop 开启服务：s</div> </li> <li><a href="/article/2900.htm" title="java ArrayList源码下" target="_blank">java ArrayList源码下</a> <span class="text-muted">shuizhaosi888</span> <a class="tag" taget="_blank" href="/search/ArrayList%E6%BA%90%E7%A0%81/1.htm">ArrayList源码</a> <div>版本 jdk-7u71-windows-x64   JavaSE7 ArrayList源码上：http://flyouwith.iteye.com/blog/2166890     /** * 从这个列表中移除所有c中包含元素 */ public boolean removeAll(Collection<?> c) {</div> </li> <li><a href="/article/3027.htm" title="Spring Security（08）——intercept-url配置" target="_blank">Spring Security（08）——intercept-url配置</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/Spring+Security/1.htm">Spring Security</a><a class="tag" taget="_blank" href="/search/intercept-url/1.htm">intercept-url</a><a class="tag" taget="_blank" href="/search/%E8%AE%BF%E9%97%AE%E6%9D%83%E9%99%90/1.htm">访问权限</a><a class="tag" taget="_blank" href="/search/%E8%AE%BF%E9%97%AE%E5%8D%8F%E8%AE%AE/1.htm">访问协议</a><a class="tag" taget="_blank" href="/search/%E8%AF%B7%E6%B1%82%E6%96%B9%E6%B3%95/1.htm">请求方法</a> <div>intercept-url配置目录 1.1     指定拦截的url 1.2     指定访问权限 1.3     指定访问协议 1.4     指定请求方法   1.1   &n</div> </li> <li><a href="/article/3154.htm" title="Linux环境下的oracle安装" target="_blank">Linux环境下的oracle安装</a> <span class="text-muted">jayung</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>linux系统下的oracle安装本文档是Linux(redhat6.x、centos6.x、redhat7.x) 64位操作系统安装Oracle 11g(Oracle Database 11g Enterprise Edition Release 11.2.0.4.0 - 64bit Production)，本文基于各种网络资料精心整理而成，共享给有需要的朋友。如有问题可联系：QQ：52-7</div> </li> <li><a href="/article/3281.htm" title="hotspot虚拟机" target="_blank">hotspot虚拟机</a> <span class="text-muted">leichenlei</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/HotSpot/1.htm">HotSpot</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/%E8%99%9A%E6%8B%9F%E6%9C%BA/1.htm">虚拟机</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E6%A1%A3/1.htm">文档</a> <div>JVM参数  http://docs.oracle.com/javase/6/docs/technotes/guides/vm/index.html   JVM工具 http://docs.oracle.com/javase/6/docs/technotes/tools/index.html   JVM垃圾回收 http://www.oracle.com</div> </li> <li><a href="/article/3408.htm" title="读《Node.js项目实践：构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活”" target="_blank">读《Node.js项目实践：构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活”</a> <span class="text-muted">noaighost</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a> <div>读《Node.js项目实践：构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活” 眼里的Node.JS 初初接触node是一年前的事，那时候年少不更事。还在纠结什么语言可以编写出牛逼的程序，想必每个码农都会经历这个月经性的问题：微信用什么语言写的？facebook为什么推荐系统这么智能，用什么语言写的？dota2的外挂这么牛逼，用什么语言写的？……用什么语言写这句话，困扰人也是阻碍</div> </li> <li><a href="/article/3535.htm" title="快速开发Android应用" target="_blank">快速开发Android应用</a> <span class="text-muted">rensanning</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>Android应用开发过程中，经常会遇到很多常见的类似问题，解决这些问题需要花时间，其实很多问题已经有了成熟的解决方案，比如很多第三方的开源lib，参考 Android Libraries 和 Android UI/UX Libraries。编码越少，Bug越少，效率自然会高。但可能由于根本没听说过、听说过但没用过、特殊原因不能用、自己已经有了解决方案等等原因，这些成熟的解决</div> </li> <li><a href="/article/3662.htm" title="理解Java中的弱引用" target="_blank">理解Java中的弱引用</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>　不久之前，我面试了一些求职Java高级开发工程师的应聘者。我常常会面试他们说，“你能给我介绍一些Java中得弱引用吗？”，如果面试者这样说，“嗯，是不是垃圾回收有关的？”，我就会基本满意了，我并不期待回答是一篇诘究本末的论文描述。　　然而事与愿违，我很吃惊的发现，在将近20多个有着平均5年开发经验和高学历背景的应聘者中，居然只有两个人知道弱引用的存在，但是在这两个人之中只有一个人真正了</div> </li> <li><a href="/article/3789.htm" title="关于<c:out value=""/>标签输出html标签" target="_blank">关于<c:out value=""/>标签输出html标签</a> <span class="text-muted">xshdch</span> <a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a> <div>http://back-888888.iteye.com/blog/1181202 关于<c:out value=""/>标签的使用，其中有一个属性是escapeXml默认是true(将html标签当做转移字符，直接显示不在浏览器上面进行解析)，当设置escapeXml属性值为false的时候就是不过滤xml，这样就能在浏览器上解析html标签， &nb</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>