蓝色忘忧

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/1835509897106649088.htm" title="Long类型前后端数据不一致" target="_blank">Long类型前后端数据不一致</a> <span class="text-muted">igotyback</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问</div> </li> <li><a href="/article/1835509770287673344.htm" title="swagger访问路径" target="_blank">swagger访问路径</a> <span class="text-muted">igotyback</span> <a class="tag" taget="_blank" href="/search/swagger/1.htm">swagger</a> <div>Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip</div> </li> <li><a href="/article/1835508130608410624.htm" title="html 中如何使用 uniapp 的部分方法" target="_blank">html 中如何使用 uniapp 的部分方法</a> <span class="text-muted">某公司摸鱼前端</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了</div> </li> <li><a href="/article/1835499615491813376.htm" title="四章-32-点要素的聚合" target="_blank">四章-32-点要素的聚合</a> <span class="text-muted">彩云飘过</span> <div>本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.</div> </li> <li><a href="/article/1835498925755297792.htm" title="DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理</a> <span class="text-muted">STU学生网页设计</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a> <div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div> </li> <li><a href="/article/1835497792265613312.htm" title="【加密社】Solidity 中的事件机制及其应用" target="_blank">【加密社】Solidity 中的事件机制及其应用</a> <span class="text-muted">加密社</span> <a class="tag" taget="_blank" href="/search/%E9%97%B2%E4%BE%83/1.htm">闲侃</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%9D%97%E9%93%BE/1.htm">区块链</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E5%90%88%E7%BA%A6/1.htm">智能合约</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%9D%97%E9%93%BE/1.htm">区块链</a> <div>加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件</div> </li> <li><a href="/article/1835496149843275776.htm" title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a> <div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div> </li> <li><a href="/article/1835496148601761792.htm" title="HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动" target="_blank">HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div> </li> <li><a href="/article/1835484293607026688.htm" title="【Git】常见命令(仅笔记)" target="_blank">【Git】常见命令(仅笔记)</a> <span class="text-muted">好想有猫猫</span> <a class="tag" taget="_blank" href="/search/Git/1.htm">Git</a><a class="tag" taget="_blank" href="/search/Linux%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">Linux学习笔记</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/elasticsearch/1.htm">elasticsearch</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a> <div>文章目录创建/初始化本地仓库添加本地仓库配置项提交文件查看仓库状态回退仓库查看日志分支删除文件暂存工作区代码远程仓库使用`.gitigore`文件让git不追踪一些文件标签创建/初始化本地仓库gitinit添加本地仓库配置项gitconfig-l#以列表形式显示配置项gitconfiguser.name"ljh"#配置user.namegitconfiguser.email"123123@qq.c</div> </li> <li><a href="/article/1835469860977602560.htm" title="十大可以挣钱的软件(盘点当前赚钱快还靠谱的7个赚钱软件)" target="_blank">十大可以挣钱的软件(盘点当前赚钱快还靠谱的7个赚钱软件)</a> <span class="text-muted">高省APP大九</span> <div>挣钱软件可以用“泛滥”来形容了，网上各式各样的打着“赚钱”标签的挣钱软件着实让人眼花缭乱，不知道的还以为随便找个软件玩玩就能发家致富，体验过的人却看得清清楚楚明明白白，挣钱软件哪有看到的那么“繁荣”，很多不过是标榜着赚钱来忽悠老百姓的“假”软件罢了！很多网友都在抱怨想找个真正能赚钱的软件太难了，有人花费了大量的时间和精力也没找到个称心如意的挣钱软件，不过现在你是幸运的，本篇千秋将为大家盘点当前赚钱</div> </li> <li><a href="/article/1835450511172661248.htm" title="高中抓住这两招，帮你实现从学渣到学霸的逆袭" target="_blank">高中抓住这两招，帮你实现从学渣到学霸的逆袭</a> <span class="text-muted">以读攻独</span> <div>富兰克林曾说：“宝贝放错了地方便是废物。”一句话戳中了“位置”的重要性。大多数人，最初对位置的明显感受，似乎就来源于上高中时的座位：成绩好的，坐前排，那里安静，学习氛围浓，受关注度高；成绩差的坐后面，嘈杂，充斥着汗味、食品味、香水味，也经常被点名。所以，位置不仅代表了分数，也给你打上了“学渣”或“学霸”的标签。在《逆袭》这本书中，就真实地讲述一个参加了2014年高考的高中生，用三年的奋斗史，从班级</div> </li> <li><a href="/article/1835448851775975424.htm" title="今日分享：有的孩子家长常常在对于小朋友老是说谎，还特别爱推卸责任，很头痛，不知道该怎么办！" target="_blank">今日分享：有的孩子家长常常在对于小朋友老是说谎，还特别爱推卸责任，很头痛，不知道该怎么办！</a> <span class="text-muted">雨燕Cassie</span> <div>其实六岁以前都不叫撒谎，只能叫做逃避和害怕，因为他们都是没有撒谎的这个概念，家长所谓的撒谎只能说是因为做错了事情，怕受到责罚而找一个「台阶」给自己一下而已，所以家长不能给孩子一个贴上撒谎的这个标签，如果说孩子出现家长所说的撒谎，我们应该做的是：1.允许孩子将事情的原委进行一个表达，给孩子说明的机会，不提示孩子说谎，不急著批评孩子。2.不使用问句，不恐吓和严刑逼供，耐心的以故事或者以分析的形式和孩子</div> </li> <li><a href="/article/1835448238103162880.htm" title="springboot+vue项目实战一-创建SpringBoot简单项目" target="_blank">springboot+vue项目实战一-创建SpringBoot简单项目</a> <span class="text-muted">苹果酱0567</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98%E6%B1%87%E6%80%BB%E4%B8%8E%E8%A7%A3%E6%9E%90/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><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E9%97%B4%E4%BB%B6/1.htm">中间件</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一</div> </li> <li><a href="/article/1835444076007223296.htm" title="JAVA·一个简单的登录窗口" target="_blank">JAVA·一个简单的登录窗口</a> <span class="text-muted">MortalTom</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</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/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>文章目录概要整体架构流程技术名词解释技术细节资源概要JavaSwing是Java基础类库的一部分，主要用于开发图形用户界面（GUI）程序整体架构流程新建项目，导入sql.jar包（链接放在了文末），编译项目并运行技术名词解释一、特点丰富的组件提供了多种可视化组件，如按钮（JButton）、文本框（JTextField）、标签（JLabel）、下拉列表（JComboBox）等，可以满足不同的界面设计</div> </li> <li><a href="/article/1835440589164867584.htm" title="项目：事半功倍的法宝" target="_blank">项目：事半功倍的法宝</a> <span class="text-muted">小小效能</span> <div>行动的三大流程：记录、排程和执行，也讲了易效能的4D原则以及T-step标签法。这些流程和方法能够解决我们眼前的一地鸡毛，让我们有更多时间和精力去关注更为长远的事情，完成工作、生活和人生中重要的项目。项目管理能够让我们围绕结果去做事情，达成事半功倍的效果，也就是做更少的事情，但达成更好的效果。如果我们能够不断地达成一个又一个的项目，那么我们的人生无疑会像滚雪球一样，在长坡道上面不断积累。一、项目的</div> </li> <li><a href="/article/1835437775344726016.htm" title="博客网站制作教程" target="_blank">博客网站制作教程</a> <span class="text-muted">2401_85194651</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java</div> </li> <li><a href="/article/1835435506645692416.htm" title="00. 这里整理了最全的爬虫框架（Java + Python）" target="_blank">00. 这里整理了最全的爬虫框架（Java + Python）</a> <span class="text-muted">有一只柴犬</span> <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB%E7%B3%BB%E5%88%97/1.htm">爬虫系列</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2</div> </li> <li><a href="/article/1835435141535723520.htm" title="详解：如何设计出健壮的秒杀系统？" target="_blank">详解：如何设计出健壮的秒杀系统？</a> <span class="text-muted">夜空_2cd3</span> <div>作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*</div> </li> <li><a href="/article/1835428317084348416.htm" title="最简单将静态网页挂载到服务器上(不用nginx)" target="_blank">最简单将静态网页挂载到服务器上(不用nginx)</a> <span class="text-muted">全能全知者</span> <a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl</div> </li> <li><a href="/article/1835427813189054464.htm" title="解决Obsidian写笔记中的＜img＞标签无法显示图片的问题" target="_blank">解决Obsidian写笔记中的＜img＞标签无法显示图片的问题</a> <span class="text-muted">全能全知者</span> <a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>Obsidian中写md笔记如果使用标签会显示不出图案，后来才知道因为Obsidian的问题导致只能用绝对路径定位。所以我本人写了一个py插件，将md笔记里的img标签批量替换成Obsidian能够读取的形式。安装FixObsImgDpy:pipinstallFixObsImgDpy安装完成后在需要修复的md文件的父目录下运行命令:FixObsImgDpy就会自动修复父目录以下的全部md文件仓库</div> </li> <li><a href="/article/1835427057752961024.htm" title="补充元象二面" target="_blank">补充元象二面</a> <span class="text-muted">Redstone Monstrosity</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重</div> </li> <li><a href="/article/1835420753252675584.htm" title="微信小程序开发注意事项" target="_blank">微信小程序开发注意事项</a> <span class="text-muted">jun778895</span> <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> <div>微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂</div> </li> <li><a href="/article/1835412180422455296.htm" title="[实践应用] 深度学习之模型性能评估指标" target="_blank">[实践应用] 深度学习之模型性能评估指标</a> <span class="text-muted">YuanDaima2048</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/%E5%B7%A5%E5%85%B7%E4%BD%BF%E7%94%A8/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/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E6%8D%9F%E5%A4%B1%E5%87%BD%E6%95%B0/1.htm">损失函数</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E8%AF%84%E4%BC%B0/1.htm">性能评估</a><a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a> <div>文章总览：YuanDaiMa2048博客文章总览深度学习之模型性能评估指标分类任务回归任务排序任务聚类任务生成任务其他介绍在机器学习和深度学习领域，评估模型性能是一项至关重要的任务。不同的学习任务需要不同的性能指标来衡量模型的有效性。以下是对一些常见任务及其相应的性能评估指标的详细解释和总结。分类任务分类任务是指模型需要将输入数据分配到预定义的类别或标签中。以下是分类任务中常用的性能指标：准确率(</div> </li> <li><a href="/article/1835411044768509952.htm" title="字节二面" target="_blank">字节二面</a> <span class="text-muted">Redstone Monstrosity</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文</div> </li> <li><a href="/article/1835403246865313792.htm" title="斟一小组鸡血视频" target="_blank">斟一小组鸡血视频</a> <span class="text-muted">和自己一起成长</span> <div>http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa</div> </li> <li><a href="/article/1835398064727224320.htm" title="前端代码上传文件" target="_blank">前端代码上传文件</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> <div>点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i</div> </li> <li><a href="/article/1835395039572881408.htm" title="Dockerfile命令详解之 FROM" target="_blank">Dockerfile命令详解之 FROM</a> <span class="text-muted">清风怎不知意</span> <a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8%E5%8C%96/1.htm">容器化</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</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>许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用</div> </li> <li><a href="/article/1835394725914439680.htm" title="3.1 损失函数和优化：损失函数" target="_blank">3.1 损失函数和优化：损失函数</a> <span class="text-muted">做只小考拉</span> <div>用一个函数把W当做输入，然后看一下得分，定量地估计W的好坏，这个函数被称为“损失函数”。损失函数用于度量W的好坏。有了损失函数的概念后，就可以定量的衡量W到底是好还是坏，要找到一种有效的方法来从W的可行域里，找到W取何值时情况最不坏，，这个过程将会是一个优化过程。损失函数L_i定义：通过函数f给出预测的分数和真实的目标（或者说是标签y），可以定量的描述训练样本预测的好不好，最终的损失函数是在整个数</div> </li> <li><a href="/article/1835389111658180608.htm" title="《HTML 与 CSS—— 响应式设计》" target="_blank">《HTML 与 CSS—— 响应式设计》</a> <span class="text-muted">陈在天box</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</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>一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在</div> </li> <li><a href="/article/1835387977480630272.htm" title="【C语言】- 自定义类型：结构体、枚举、联合" target="_blank">【C语言】- 自定义类型：结构体、枚举、联合</a> <span class="text-muted">Cavalier_01</span> <a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80/1.htm">C语言</a> <div>【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523</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>