html标签<
普通卷动
滑动
预设卷动
来回卷动
向下卷动
向上卷动
向右卷动
向左卷动
卷动次数
设定宽度
设定高度
设定背景颜色
设定滚动速度
设定卷动时间
鼠标经过上面时停止滚动
鼠标离开时开始滚动
<!>字体效果
...
标题字(最大)
...
标题字(最小)
...粗体字
...粗体字(强调) （同上效果略同）
...斜体字
...斜体字(强调)
...斜体字(表示定义)
...底线
...底线(表示插入文字)
...横线
...删除线
...删除线(表示删除)
...键盘文字
... 打字体
<![CDATA[...]]>固定宽度字体(在文件中空白、换行、定位功能有效)
<![CDATA[...</plaintext>固定宽度字体(不执行标记符号) </p>
<p></p>
<listing>...</listing> 固定宽度小字体 <p><font color="00ff00">...</font>字体颜色 </p>
<p><font size="1">...</font>最小字体 </p>
<p><font style="’font-size:100" px>...</font>无限增大 </p>
<p><strong>区断标记 </strong></p>
<p></p>
<hr>水平线 <p></p>
<hr size="’9’">水平线(设定大小) <p></p>
<hr width="’80%’">水平线(设定宽度) <p></p>
<hr color="’ff0000’">水平线(设定颜色) <p><br>(换行) </p>
<p><nobr>...</nobr>水域(不换行) </p>
<p></p>
<p>...</p>水域(段落) <p></p>
<center>...</center>置中 <p><strong><!>连结格式 </strong></p>
<p><base href="%E4%BD%8D%E5%9D%80">(预设好连结路径) </p>
<p><a href="%E4%BD%8D%E5%9D%80"></a>外部连结 </p>
<p><a href="%E4%BD%8D%E5%9D%80" target="’_blank’"></a>外部连结(另开新视窗) </p>
<p><a href="%E4%BD%8D%E5%9D%80" target="’_top’"></a>外部连结(全视窗连结) </p>
<p><a href="%E4%BD%8D%E5%9D%80" target="’页框名’"></a>外部连结(在指定页框连结) </p>
<p><strong><!>贴图/音乐 </strong></p>
<p><img src="%E5%9B%BE%E7%89%87%E4%BD%8D%E5%9D%80" Referrer-Policy="no-referrer">贴图 </p>
<p><img src="%E5%9B%BE%E7%89%87%E4%BD%8D%E5%9D%80" width="’180’" Referrer-Policy="no-referrer">设定图片宽度 </p>
<p><img src="%E5%9B%BE%E7%89%87%E4%BD%8D%E5%9D%80" height="’30’" Referrer-Policy="no-referrer">设定图片高度 </p>
<p><img src="%E5%9B%BE%E7%89%87%E4%BD%8D%E5%9D%80" alt="’提示文字’" Referrer-Policy="no-referrer">设定图片提示文字 </p>
<p><img src="%E5%9B%BE%E7%89%87%E4%BD%8D%E5%9D%80%E2%80%99" border="’1’" Referrer-Policy="no-referrer">设定图片边框 </p>
<p><bgsound src="MID%E9%9F%B3%E4%B9%90%E6%A1%A3%E4%BD%8D%E5%9D%80">背景音乐设定 </bgsound></p>
<p><strong><!>表格语法 </strong></p>
<p></p>
<table aling="left">...</table>表格位置,置左 <p></p>
<table aling="center">...</table>表格位置,置中 <p></p>
<table background="图片路径">...</table>背景图片的URL=就是路径网址 <p></p>
<table border="边框大小">...</table>设定表格边框大小(使用数字) <p></p>
<table bgcolor="颜色码">...</table>设定表格的背景颜色 <p></p>
<table borderclor="颜色码">...</table>设定表格边框的颜色 <p></p>
<table borderclordark="颜色码">...</table>设定表格暗边框的颜色 <p></p>
<table borderclorlight="颜色码">...</table>设定表格亮边框的颜色 <p></p>
<table cellpadding="参数">...</table>指定内容与格线之间的间距(使用数字) <p></p>
<table cellspacing="参数">...</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><strong>分割视窗 </strong></p>
<p></p>
<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 <p></p>
<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 <p></p>
<frameset cols="20%,*">分割左右两个框架 <p></p>
<frameset cols="20%,*,20%">分割左中右三个框架 <p><分割上下两个框架 </p>
<p></p>
<frameset rows="20%,*,20%">分割上中下三个框架 <p>属性： </p>
<p><strong>cols</strong> 垂直切割窗口（如左右分割两个窗口）接受整数值，百分数，*（*代表占用余下空间）数值的个数代表分成的部分数目，要以逗号分隔。例：cols='30,*,50%'可以 切成三个视窗，第一部分是30像素（pixels）为绝对分割，第二部分是当分配完第一和第三视图后剩下的空间，第三部分则占整个窗口的50%宽度，为相对分割。 </p>
<p><strong>rows</strong> 就是横向切割，将窗口上下分开，数值设置同上。 </p>
<p>以上两属性尽量不要在同一个</p>
<frameset>标记中，因为王井（netscape）不支持，尽量采用多重分割。 <p>frameborder 设置框架的边框，其值有0不要边框，1要边框。 </p>
<p>border 设置框架边框厚度 </p>
<p>framespacing 表示框架与框架间保留空白的距离 </p>
<p>frame 元素（单标签） </p>
<p>语法格式： </p>
<p><frame name="" 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> </noframe></p>
<p>...... </p>
<p> </p>
<p><strong>表单<form></form> </strong></p>
<p>语法格式： </p>
<p></p>
<form action="url" method="get/post"> <p>.... </p>
<p><input type="submit"><input type="reset"> </p>
<p></p>
</form> <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><strong><! - - ... - -> 注解 </strong></p>
<p><a href target> 指定超连结的分割视窗</a></p>
<p><a href="#%E9%94%9A%E7%9A%84%E5%90%8D%E7%A7%B0"> 指定锚名称的超连结 </a></p>
<p><a href> 指定超连结 </a></p>
<p><a name="%E9%94%9A%E7%9A%84%E5%90%8D%E7%A7%B0"> 被连结点的名称 </a></p>
<p></p>
<address>....</address> 用来显示电子邮箱地址 <p><b> 粗体字 </b></p>
<p><base target> 指定超连结的分割视窗 </p>
<p><basefont size> 更改预设字形大小 </p>
<p><bgsound src> 加入背景音乐 </bgsound></p>
<p><big> 显示大字体 </big></p>
<p><blink> 闪烁的文字 </blink></p>
<p></p> 设定文字颜色 <p></p> 显示本文<p><br> 换行 </p>
<p></p>
<caption align> 设定表格标题位置 <p></p>
<caption>...</caption> 为表格加上标题 <p></p>
<center> 向中对齐 <p><cite>...<cite> 用於引经据典的文字 </cite></cite></p>
<p><code>...</code> 用於列出一段程式码 </p>
<p><comment>...</comment> 加上注解 </p>
<p></p>
<dd> 设定定义列表的项目解说 <p><dfn>...</dfn> 显示'定义'文字 </p>
<p></p>
<dir>...</dir> 列表文字标签 <p></p>
<dl>...</dl> 设定定义列表的标签<p></p>
</dd>
<dt> 设定定义列表的项目 <p><em> 强调之用 </em></p>
<p><font face> 任意指定所用的字形 </font></p>
<p><font size> 设定字体大小 </font></p>
<p></p>
<form action> 设定户动式表单的处理方式 <p></p>
</form>
<form method> 设定户动式表单之资料传送方式 <p><frame marginheight> 设定视窗的上下边界 </p>
<p><frame marginwidth> 设定视窗的左右边界 </p>
<p><frame name> 为分割视窗命名 </p>
<p><frame noresize> 锁住分割视窗的大小 </p>
<p><frame scrolling> 设定分割视窗的卷轴 </p>
<p><frame src> 将HTML档加入视窗 </p>
<p></p>
<frameset cols> 将视窗分割成左右的子视窗 <p></p>
<frameset rows> 将视窗分割成上下的子视窗 <p></p>
<frameset>...</frameset> 划分分割视窗 <p></p>
<h1>~<h6> 设定文字大小 </h6>
</h1>
<p></p> 标示文件资讯 <p></p>
<hr> 加上分格线 <p> 文件的开始与结束 </p>
<p><i> 斜体字 </i></p>
<p><img align Referrer-Policy="no-referrer"> 调整图形影像的位置 </p>
<p><img alt Referrer-Policy="no-referrer"> 为你的图形影像加注 </p>
<p><img dynsrc loop Referrer-Policy="no-referrer"> 加入影片 </p>
<p><img height width Referrer-Policy="no-referrer"> 插入图片并预设图形大小 </p>
<p><img hspace Referrer-Policy="no-referrer"> 插入图片并预设图形的左右边界 </p>
<p><img lowsrc Referrer-Policy="no-referrer"> 预载图片功能 </p>
<p><img src border Referrer-Policy="no-referrer"> 设定图片边界 </p>
<p><img src Referrer-Policy="no-referrer"> 插入图片 </p>
<p><img vspace Referrer-Policy="no-referrer"> 插入图片并预设图形的上下边界 </p>
<p><input type name value> 在表单中加入输入栏位 </p>
<p><isindex> 定义查询用表单 </p>
<p><kbd>...</kbd> 表示使用者输入文字 </p>
<p></p>
<li type>...</li> 列表的项目 ( 可指定符号 ) <p><marquee> 跑马灯效果 </marquee></p>
<p></p>
<menu>...</menu> 条列文字标签 <p><meta name="REFRESH" content url> 自动更新文件内容 </p>
<p><multiple> 可同时选择多项的列表栏 </multiple></p>
<p><noframe> 定义不出现分割视窗的文字 </noframe></p>
<p></p>
<ol>...</ol> 有序号的列表 <p><option> 定义表单中列表栏的项目 </option></p>
<p></p>
<p align> 设定对齐方向 </p>
<p></p>
<p> 分段 </p>
<p><person>...</person> 显示人名</p>
<p></p>
<pre> 使用原有排列 <p><samp>...</samp> 用於引用字 </p><p><select>...</select> 在表单中定义列表栏 </p><p><small> 显示小字体 </small></p><p><strike> 文字加横线 </strike></p><p><strong> 用於加强语气 </strong></p><p><sub> 下标字 </sub></p><p><sup> 上标字 </sup></p><p></p></pre>
<table border="n"> 调整表格的宽线高度 <p></p>
<table cellpadding> 调整资料栏位之边界 <p></p>
<table cellspacing> 调整表格线的宽度 <p></p>
<table height> 调整表格的高度 <p></p>
<table width> 调整表格的宽度 <p></p>
<table>...</table> 产生表格的标签 <p></p>
<td align> 调整表格栏位之左右对齐 <p></p>
</td>
<td bgcolor> 设定表格栏位之背景颜色 <p></p>
</td>
<td colspan rowspan> 表格栏位的合并 <p></p>
</td>
<td nowrap> 设定表格栏位不换行 <p></p>
</td>
<td valign> 调整表格栏位之上下对齐 <p></p>
</td>
<td width> 调整表格栏位宽度 <p></p>
</td>
<td>...</td> 定义表格的资料栏位 <p><textarea name rows cols> 表单中加入多少列的文字输入栏 </textarea></p>
<p><textarea wrap> 决定文字输入栏是自动否换行 </textarea></p>
<p></p>
<th>...</th> 定义表格的标头栏位 <p></p>
<title> 文件标题 <p></p>
<tr>...</tr> 定义表格美一行 <p><tt> 打字机字体 </tt></p>
<p><u> 文字加底线 </u></p>
<p></p>
<ul type>...</ul> 无序号的列表 ( 可指定符号 ) <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>例：<font color="rgb(255,000,000)">红色</font> </p>
<p>3,直接用颜色的英文名称 </p>
<p>例：<font color="red">红色</font> </p>
<p><strong>.....属性可分为三种： </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>语法格式：</p>
</title> <p>.background背景图案。 </p>
<p>语法格式：</p> <p>.text文本颜色（非连接文字颜色） </p>
<p>.link连接文字颜色（可连接文字颜色） </p>
<p>.alink活动连接文字颜色（正被点击的可连接文字的颜色） </p>
<p>.vlink已访问连接文字颜色）（已经点击访问过的可连接文字的颜色） </p>
<p>语法格式：</p> <p>.leftmargin 页面左侧的留白距离 </p>
<p>.topmargin 页面顶部的留白距离 </p>
<p>语法格式：</p> <p>注：value为长度值为数字 </p>
<p><strong>align 属性 </strong></p>
<p>语法：</p>
<h2 align="?">文字</h2> <p>其属性有三种：left靠左,center居中,right靠右 </p>
<p>〈p〉</p>为段落标记，可利用以上属性对整个段落进行设置 <p>〈br>为换行标记 </p>
<p><nobr></nobr>为不换行标记 放在文字两边即可 </p>
<p>例：</p> <p></p>
<h3>江南逢李龟年</h3> <p></p>
<p>歧王宅里寻常见<br> </p>
<p>催九堂前几度闻<br> </p>
<p>正是江南好风景<br> </p>
<p>落花时节又逢君</p> <p> </p>
<p><strong>预格式化： </strong></p>
<p></p>
<pre>......</pre> 浏览是效果和编写是效果格式一样 <p><strong>列表</strong> </p>
<p><strong>1无序列表又称符号列表 </strong></p>
<p>语法格式： </p>
<p></p>
<ul type="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框 <p></p>
<li>文字</li> <p></p>
<li>文字</li> <p></p>
</ul> <p><strong>2有序列表 </strong></p>
<p>语法格式： </p>
<p></p>
<ol type="?" start> <p></p>
<li>文字</li> <p></p>
<li>文字</li> <p></p>
</ol> <p>type的值是编号字符可选的有1...,a...,A...,i... ,I... </p>
<p>start为起始值例：如果start为3是那么将从3开始，而且必须是数字。 </p>
<p><strong>3定义列表 </strong></p>
<p></p>
<dl>定义列表标记 <p></p>
<dt>标示定义条目 <p></p>
</dt>
<dd>标示定义内容 <p>语法格式： </p>
<p></p>
<dl> <p></p>
<dt>文字</dt> <p></p>
<dd>文字内容</dd> <p></p>
</dl> <p>连接和图像</p>
<p>语法格式： </p>
<p><a href="url" name="?" target="?" title="?">....</a> </p>
<p>属性：href 连接目标 值可以是url地址也可以是连接锚点 </p>
<p><a href="url">...</a>或者 </p>
<p><a href="%E9%94%9A%E7%82%B9">...</a> </p>
<p><strong>name 连接名称 </strong></p>
<p>语法格式：<a name="%E9%94%9A%E7%82%B9%E5%90%8D%E7%A7%B0">...</a> </p>
<p>例：<a name="abcdcf">...</a> </p>
<p>连接到该锚点的连接则应是： </p>
<p><a name="#abcdef">....</a> </p>
<p><strong>target目标窗口语法格式</strong>： </p>
<p><a href="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><a href="http://www.crazytribe.net" title="打开狂人部落的首页">狂人部落</a> </p>
<p><strong>图像<img Referrer-Policy="no-referrer"> 语法格式：</strong></p>
<p><img src="url" alt="?" width="?" height="?" border="?" align="?" Referrer-Policy="no-referrer"> </p>
<p>border属性定义图片边框的宽度，默认值为0 </p>
<p>align属性设置图片旁边文字的位置 </p>
<p>语法格式：<img src="" align Referrer-Policy="no-referrer"> </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><font face="字体名称" size="字体大小" color="字体颜色"> </font></p>
<p>字体大小可选值为1——7，默认为3 </p>
<p>例：〈font face='黑体' size='4' color='#ff00ff'>.... </p>
<p><strong>水平线<hr> </strong></p>
<p>语法格式：</p>
<hr width="宽度" align="对齐方式默认居中center" size="水平线厚度默认为2" color="颜色" noshade> <p>noshade无阴影，既实线 </p>
<p>层〈div><span>两种元素 </span></p>
<p></p>
<div>是块级元素，和段落元素<p>相似，不同的是两个</p>
<div>元素之间不会产生两个<p>元素之间的空行， </p>
<p><span>是行内元素，可以定义段落中部分文字的属性 </span></p>
<p>语法格式： </p>
<p></p>
<div align="" style="">...</div> <p>align设置层中元素的水平对齐方式 </p>
<p>stule设置元素应用css规范的属性 </p>
<p></p>
<div>兼容性比<span>要好一点，最好使用<div> <p><strong>表格语法格式</strong>： </p>
<p></p>
<table width="" bgcolor="" background="" border="" cellspacing="" cellpadding=""> <p></p>
<tr>...<td>....</td>....</tr> <p></p>
</table> <p>border边框宽度默认值为0，既没有边框 </p>
<p>cellspacing表格中单元格的边距大小，默认值为两个像素 </p>
<p>cellpadding表格中单元格之间的间距大小，默认值为两个像素 </p>
<p><strong>tr元素 </strong></p>
<p>语法格式： </p>
<p></p>
<tr align="" bgcolor="">....</tr> <p>align属性对齐方式可选值如下：left,center,tight,默认为left </p>
<p>bgcolor指定该行的背景颜色 </p>
<p><strong>td元素 </strong></p>
<p>语法格式： </p>
<p></p>
<td width="宽度" height="高度" align="水平对齐方式" valign="垂直对齐方式" bgcolor="" background="" rowspan="单元格的行跨度" colapan="单元格的列跨度">.....</td> <p>align属性的可选值有：left,center,right </p>
<p>valign属性的可选值有：top,middle,bottom </p>
<p>rowspan和colapan跨行和跨列的数量，默认为1 </p>
<p><strong>input元素 语法格式：</strong></p>
<p><input type=""> </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> </select></p>
<p>语法格式： </p>
<p><select> </select></p>
<p>..... </p>
<p><option>....</option> </p>
<p>..... </p>
<p> </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> </textarea></strong></p>
<p><textarea name="" 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>
<p><strong>css 层叠样式表 </strong></p>
<p>引入层叠样式表的方法包括： </p>
<p><strong>外联式样式表 </strong></p>
<p>例：</p>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <p><link rel="stylesheet" href="/css/default.css"> </p>
<p> </p>
<p></p> <p>.... </p>
<p> </p>
<p> </p>
<p>属性：rel 用来说明<link>元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址 </p>
<p>内嵌式样式表： </p>
<p>例： </p>
<p></p>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <p><style type="text/css"> </style></p>
<p><!-- </p><p>td{font:9pt;color:red} </p><p>.font105{font:10.5pt;color:blue} </p><p>--> </p>
<p> </p>
<p> </p>
<p></p>.... <p> </p>
<p><strong>元素内定 </strong></p>
<p>格式：</p>
<p style="font-size:10.5pt"> </p>
<p><strong>导入式样式表 </strong></p>
<p>〈html> </p>
<p></p>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <p><style type="text/css"> </style></p>
<p><!-- </p><p>@import url(css/home.css); </p><p>--> </p>
<p> </p>
<p></p> <p>.... </p>
<p> </p>
<p> </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>选择符</p>
<td>和声明{font-size:10.5pt;color:#666666} <p>声明也有两部分组成： </p>
<p>属性font-size,color和值10.5pt,#666666 </p>
<p><strong>选择符分为6种 </strong></p>
<p>1元素选择符 </p>
<p>当页面上多个元素的样式相同时，可以将多个元素放在一起定义，中间以逗号分开 例：td,p,li,input,select{font-size:12px;} </p>
<p>2class(类)选择符 </p>
<p>例：〈head> </p>
<p></p>
<title>.....</title> <p><style type="text/css"> </style></p>
<p><!-- </p><p>.red{font-size:10.5pt;color:#ff0000} </p><p>--> </p>
<p> </p>
<p> </p>
<p></p> <p></p>
<p class="red">士大夫井冈山地方官</p> <p></p>
<p>九连环离开计划</p> <p> </p>
<p>还有一种方法就是限定可以应用它的页面元素 </p>
<p>例：〈head> </p>
<p></p>
<title>.....</title> <p><style type="text/css"> </style></p>
<p><!-- </p><p>h1.red{color:#ff0000} </p><p>--> </p>
<p> </p>
<p> </p>
<p></p> <p></p>
<p class="red">士大夫井冈山地方官</p> <p></p>
<h1 class="red">九连环离开计划</h1> <p> </p>
<p>3 id选择符 </p>
<p>与class选择附类似，只是把'.'换成'#' </p>
<p>例：</p> <p></p>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <p><style type="text/css"> </style></p>
<p><!-- </p><p>#select{font-size:18px;color:#0000ff} </p><p>--> </p>
<p> </p>
<p> </p>
<p></p> <p></p>
<table width="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>
<p> </p>
<p>我们看到在调用ID选择附时与CLASS选择附类似，只是将class=''换成了id=''，方便页面脚本语言的调用 </p>
<p><strong>关联选择符 </strong></p>
<p></p> <p></p>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <p><style type="text/css"> </style></p>
<p><!-- </p><p>td p{font-size:18px;color:#0000ff} </p><p>--> </p>
<p> </p>
<p> </p>
<p></p> <p></p>
<table width="250" border="1" height="50"> <p></p>
<tr> <p></p>
<td align="center"><p>关联选择符</p></td> <p></p>
</tr> <p></p>
</table> <p></p>
<p>关联选择符</p> <p> </p>
<p> </p>
<p>我们设定了在元素中</p>
</td>
<td>的元素<p>所包含文字的样式，只有在两个条件都满足是，样式在会起作用， </p>
<p>伪类选择符 </p>
<p>是只能用在css选择符里，而不能用在html代码中的选择符 </p>
<p>例： </p>
<p>〈html> </p>
<p></p>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <p><style type="text/css"> </style></p>
<p><!-- </p><p>a:link{color:#000000} </p><p>a:visited{color:#cccccc} </p><p>a:hover{color:#ff0000} </p><p>a:active{color:#ooooff} </p><p>--> </p>
<p> </p>
<p> </p>
<p></p> <p></p>
<p><a href="#">关联选择符</a></p>
<p> </p>
<p></p>
<p><a href="#">关联选择符</a></p>
<p> </p>
<p></p>
<p><a href="#">关联选择符</a></p>
<p> </p>
<p></p>
<p><a href="#">关联选择符</a></p>
<p> </p>
<p>〈/body> </p>
<p> </p>
<p>正确的顺序是a:linka:visiteda:hover否则会引起页面上连接颜色混乱 </p>
<p><strong>伪元素选择符 </strong></p>
<p>与伪类选择符定义类似，目前被大多数浏览器支持的有两个：首行伪元素（first-line）和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的 </p>
<p>例：首行 </p>
<p> </p>
<p></p>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <p><style> </style></p>
<p><!-- </p><p>p:first-line{color:red;font-size:20pt} </p><p>--> </p>
<p> </p>
<p> </p>
<p></p> <p></p>
<p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p> <p> </p>
<p> </p>
<p>长度随浏览器窗口大小而改变 </p>
<p>首字 </p>
<p> </p>
<p></p>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <p><style> </style></p>
<p><!-- </p><p>p:first-letter{color:red;font-size:50pt;float:left;} </p><p>--> </p>
<p> </p>
<p> </p>
<p></p> <p></p>
<p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p> <p> </p>
<p> </p>
<p>以上两种都只能应用于块状元素上 </p>
<p><strong>css规则 </strong></p>
<p><strong>1.继承 </strong></p>
<p>例： </p>
<p></p>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <p><style type="text/css"> </style></p>
<p><!-- </p><p>td{font-size:12pt} </p><p>p{color:red} </p><p>--> </p>
<p> </p>
<p> </p>
<p></p> <p></p>
<table width="300" border="1" height="150"> <p></p>
<tr> <p></p>
<td align="center"> <p></p>
<p>css规则</p> <p></p>
</td> <p></p>
</tr>
</table> <p> </p>
<p> </p>
<p></p>
<p>为最高级</p>
</td>
<td>次一级两种css用在一个属性元素上，相同的覆盖，不同的继承， <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>3.层叠 </strong></p>
<p>在样式里定义过后，在表格属性中又定义一次 </p>
<p> </p>
<p></p>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <p><style type="text/css"> </style></p>
<p><!-- </p><p>red{color:#ff0000 limportant} </p><p>--> </p>
<p> </p>
<p> </p>
<p></p> <p></p>
<table width="300" border="1" height="150"> <p></p>
<tr> <p></p>
<td align="center" style="color:#0000ff" class="red">决撒地方官</td> <p></p>
</tr> <p></p>
</table> <p> </p>
<p> </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>
<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>
<p>A 所有超连接</p>
<p>A:link 超连接文字格式 </p>
<p>A:visited 浏览过的连接文字格式 </p>
<p>A:active 按下连接的格式 </p>
<p>A:hover 鼠标移至连接</p>
<p>边框</p>
<p>border-top : 1px solid black 上框 </p>
<p>border-bottom : 1px solid #6699cc 下框 </p>
<p>border-left : 1px solid #6699cc 左框 </p>
<p>border-right : 1px solid #6699cc 右框</p>
<p>border: 1px solid #6699cc 四边框</p>
<p>虚线</p>
<p><textarea style="border:1px dashed pink"></textarea></p>
<p>实线</p>
<p><textarea style="border:1px solid pink"></textarea></p>
</td>
</div></span>
</div>
</div>
</div>
</dd>
</dl>
</table>
</table>
</table>
</table>
</table>
</frameset>
</frameset>
</form>
</dt>
</center>
</caption>
</frameset>
</frameset>
</frameset>
</frameset>
</frameset>
</frameset>
</body></html>
</div>
<div class="pagenavi"> </div>
<div class="tags">
<span>
<i class="fas fa-tags"></i>
标签： <a href="/tags.html?k=html">html</a>
<a href="/tags.html?k=标签">标签</a>
<a href="/tags.html?k=属性">属性</a>
</span>
</div>
<div class="postnavi">
<div class="prev">
<span>上一篇：</span><a href='/d/409878.html'>资料分析做题技巧和公式大全，省考高效复习，避免丢分</a>
</div>
<div class="next">
<span>下一篇：</span><a href='/d/409876.html'>12种老牌方便面，卖了多年，有些还不足1元，看看有你吃过的吗？</a>
</div>
</div>
<!--<div class="pcd_ad ad mb20"><a href='javascript:;' target=_blank><img src='skin/images/ad3.png' width='1023' border=0 alt=''></a></div>
<div class="mbd_ad ad mb20"><a href='javascript:;' target=_blank><img src='skin/images/ad3.png' border=0 width='500' height='100' alt=''></a></div>-->
<section class="related">
<h3 class="boxtitle">相关推荐</h3>
<ul>
<li>
<figure class="thumbnail"> <a href="/d/409877.html" target="_blank" title="html标签属性"> <img src="https://img1.baidu.com/it/u=799763404,2618103217&fm=253&fmt=auto&app=138&f=PNG?w=354&h=500" alt="html标签属性" /> </a> </figure>
<h3><a href="/d/409877.html" target="_blank" title="html标签属性">html标签属性</a></h3>
</li>
<li>
<figure class="thumbnail"> <a href="/d/876593.html" target="_blank" title="什么是HTM或HTML文件？如何打开HTM和HTML文件？"> <img src="https://img1.baidu.com/it/u=2075551223,3546142089&fm=253&fmt=auto&app=138&f=JPEG?w=563&h=385" alt="什么是HTM或HTML文件？如何打开HTM和HTML文件？" /> </a> </figure>
<h3><a href="/d/876593.html" target="_blank" title="什么是HTM或HTML文件？如何打开HTM和HTML文件？">什么是HTM或HTML文件？如何打开HTM和HTML文件？</a></h3>
</li>
<li>
<figure class="thumbnail"> <a href="/d/398648.html" target="_blank" title="HTML培训：如何在HTML中更改文本大小"> <img src="https://img2.baidu.com/it/u=746214392,2373559287&fm=253&fmt=auto&app=138&f=JPEG?w=581&h=500" alt="HTML培训：如何在HTML中更改文本大小" /> </a> </figure>
<h3><a href="/d/398648.html" target="_blank" title="HTML培训：如何在HTML中更改文本大小">HTML培训：如何在HTML中更改文本大小</a></h3>
</li>
<li>
<figure class="thumbnail"> <a href="/d/943320.html" target="_blank" title="初识HTML，什么是HTML?"> <img src="https://img2.baidu.com/it/u=3866950908,716411705&fm=253&fmt=auto&app=138&f=JPEG?w=1000&h=500" alt="初识HTML，什么是HTML?" /> </a> </figure>
<h3><a href="/d/943320.html" target="_blank" title="初识HTML，什么是HTML?">初识HTML，什么是HTML?</a></h3>
</li>
<li>
<figure class="thumbnail"> <a href="/d/857169.html" target="_blank" title="「HTML一」 html基础"> <img src="https://img2.baidu.com/it/u=2664026979,1546517753&fm=253&fmt=auto&app=138&f=JPEG?w=550&h=307" alt="「HTML一」 html基础" /> </a> </figure>
<h3><a href="/d/857169.html" target="_blank" title="「HTML一」 html基础">「HTML一」 html基础</a></h3>
</li>
<li>
<figure class="thumbnail"> <a href="/d/387249.html" target="_blank" title="HTML常用标签"> <img src="https://img0.baidu.com/it/u=4095056932,979265355&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=667" alt="HTML常用标签" /> </a> </figure>
<h3><a href="/d/387249.html" target="_blank" title="HTML常用标签">HTML常用标签</a></h3>
</li>
<li>
<figure class="thumbnail"> <a href="/d/389162.html" target="_blank" title="HTML常用标签的汇总"> <img src="https://img2.baidu.com/it/u=2560511561,492109667&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500" alt="HTML常用标签的汇总" /> </a> </figure>
<h3><a href="/d/389162.html" target="_blank" title="HTML常用标签的汇总">HTML常用标签的汇总</a></h3>
</li>
<li>
<figure class="thumbnail"> <a href="/d/938022.html" target="_blank" title="「测试开发全栈-HTML」(12)css字体颜色属性"> <img src="https://img2.baidu.com/it/u=1440555140,317729657&fm=253&fmt=auto&app=138&f=JPEG?w=384&h=500" alt="「测试开发全栈-HTML」(12)css字体颜色属性" /> </a> </figure>
<h3><a href="/d/938022.html" target="_blank" title="「测试开发全栈-HTML」(12)css字体颜色属性">「测试开发全栈-HTML」(12)css字体颜色属性</a></h3>
</li>
</ul>
</section>
</article>
</main>
<aside class="sidebar">
<section class="widget hotpost">
<h3>热门文章</h3>
<ul>
<li class="pic">
<figure class="thumbnail"><a href="/d/395590.html" title="海军后勤部历任部长、政治委员、副部长、副政委"><img src="https://img1.baidu.com/it/u=1194811699,4054963994&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=1004" alt="海军后勤部历任部长、政治委员、副部长、副政委" /></a></figure>
<p><a href="/d/395590.html" title="海军后勤部历任部长、政治委员、副部长、副政委">海军后勤部历任部长、政治委员、副部长、副政委</a></p>
</li>
<li class="pic">
<figure class="thumbnail"><a href="/d/1190834.html" title="记者探访金价疯涨下的黄金消费市场 消费者心态分化"><img src="https://img2.baidu.com/it/u=465110274,1695916987&fm=253&fmt=auto&app=138&f=JPEG?w=665&h=471" alt="记者探访金价疯涨下的黄金消费市场 消费者心态分化" /></a></figure>
<p><a href="/d/1190834.html" title="记者探访金价疯涨下的黄金消费市场 消费者心态分化">记者探访金价疯涨下的黄金消费市场 消费者心态分化</a></p>
</li>
<li class="pic">
<figure class="thumbnail"><a href="/d/841815.html" title="「万圣节大盘点」盘点三十部卡通形象出现的黑猫，你能认出几个？"><img src="https://img2.baidu.com/it/u=2099577959,2032335355&fm=253&fmt=auto&app=138&f=JPEG?w=506&h=500" alt="「万圣节大盘点」盘点三十部卡通形象出现的黑猫，你能认出几个？" /></a></figure>
<p><a href="/d/841815.html" title="「万圣节大盘点」盘点三十部卡通形象出现的黑猫，你能认出几个？">「万圣节大盘点」盘点三十部卡通形象出现的黑猫，你能认出几个？</a></p>
</li>
<li class="pic">
<figure class="thumbnail"><a href="/d/415420.html" title="2022中考英语专项复习专题一：名词"><img src="https://img0.baidu.com/it/u=450798040,3208331720&fm=253&fmt=auto&app=138&f=JPG?w=667&h=500" alt="2022中考英语专项复习专题一：名词" /></a></figure>
<p><a href="/d/415420.html" title="2022中考英语专项复习专题一：名词">2022中考英语专项复习专题一：名词</a></p>
</li>
<li class="pic">
<figure class="thumbnail"><a href="/d/246748.html" title="8本养成系小说推荐，主古言，女主养成男主，男主占有欲强"><img src="https://img1.baidu.com/it/u=2946358865,3575629314&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=668" alt="8本养成系小说推荐，主古言，女主养成男主，男主占有欲强" /></a></figure>
<p><a href="/d/246748.html" title="8本养成系小说推荐，主古言，女主养成男主，男主占有欲强">8本养成系小说推荐，主古言，女主养成男主，男主占有欲强</a></p>
</li>
<li class="pic">
<figure class="thumbnail"><a href="/d/890723.html" title="超次元女神升阶材料有什么 超次元女神升阶材料详情介绍"><img src="https://img2.baidu.com/it/u=3428151367,1420791095&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889" alt="超次元女神升阶材料有什么 超次元女神升阶材料详情介绍" /></a></figure>
<p><a href="/d/890723.html" title="超次元女神升阶材料有什么 超次元女神升阶材料详情介绍">超次元女神升阶材料有什么 超次元女神升阶材料详情介绍</a></p>
</li>
</ul>
</section>
<section class="widget cead">
<a href="/girl.html" target="_blank">
<img src="/public/libs/skin/images/hot_girl.gif" border="0" width="300" height="220" alt="美女热搜榜" title="美女热搜榜">
</a>
</section>
<section class="widget newpost">
<h3>最新文章</h3>
<ul>
<li class="text">
<a href="/d/1436716.html" title="天和核心舱在轨稳定运行五周年 五载乘风拓九天">天和核心舱在轨稳定运行五周年 五载乘风拓九天</a>
<time datetime="2026-04-30"><i class="far fa-calendar-alt"></i>2026-04-30</time>
</li>
<li class="text">
<a href="/d/1436715.html" title="罗马诺：梅努已与曼联续约至2031年，本周官宣">罗马诺：梅努已与曼联续约至2031年，本周官宣</a>
<time datetime="2026-04-30"><i class="far fa-calendar-alt"></i>2026-04-30</time>
</li>
<li class="text">
<a href="/d/1436714.html" title="ESPN：曼联不会为签下埃利奥特安德森而与曼城展开竞购战">ESPN：曼联不会为签下埃利奥特安德森而与曼城展开竞购战</a>
<time datetime="2026-04-30"><i class="far fa-calendar-alt"></i>2026-04-30</time>
</li>
<li class="text">
<a href="/d/1436713.html" title="记者：曼联开展选帅，卡里克和其他候选人一样要进行正式面试">记者：曼联开展选帅，卡里克和其他候选人一样要进行正式面试</a>
<time datetime="2026-04-30"><i class="far fa-calendar-alt"></i>2026-04-30</time>
</li>
<li class="text">
<a href="/d/1436712.html" title="西蒙尼：对阿尔特塔只有纯粹的钦佩，衷心祝愿他们一切顺利">西蒙尼：对阿尔特塔只有纯粹的钦佩，衷心祝愿他们一切顺利</a>
<time datetime="2026-04-30"><i class="far fa-calendar-alt"></i>2026-04-30</time>
</li>
<li class="text">
<a href="/d/1436711.html" title="记者：曼联认真考虑买摩根罗杰斯，维拉认为今夏是套现时机">记者：曼联认真考虑买摩根罗杰斯，维拉认为今夏是套现时机</a>
<time datetime="2026-04-30"><i class="far fa-calendar-alt"></i>2026-04-30</time>
</li>
</ul>
</section>
<section class="widget divTags">
<h3>热门话题</h3>
<ul>
<li><a target="_blank" href="/tags.html?k=2025年蛇年春节">2025年蛇年春节</a></li>
<li><a target="_blank" href="/tags.html?k=哪吒2魔童闹海">哪吒2魔童闹海</a></li>
<li><a target="_blank" href="/tags.html?k=DeepSeek性能媲美OpenAI">DeepSeek性能媲美OpenAI</a></li>
<li><a target="_blank" href="/tags.html?k=炉石传说">炉石传说</a></li>
<li><a target="_blank" href="/tags.html?k=燕云十六声">燕云十六声</a></li>
<li><a target="_blank" href="/tags.html?k=黄旭华院士逝世">黄旭华院士逝世</a></li>
<li><a target="_blank" href="/tags.html?k=大S在日本去世">大S在日本去世</a></li>
<li><a target="_blank" href="/tags.html?k=云顶之弈">云顶之弈</a></li>
<li><a target="_blank" href="/tags.html?k=汪小菲社交媒体账号被封">汪小菲社交媒体账号被封</a></li>
<li><a target="_blank" href="/tags.html?k=清明小长假">清明小长假</a></li>
<li><a target="_blank" href="/tags.html?k=美国对全球加息">美国对全球加息</a></li>
<li><a target="_blank" href="/tags.html?k=马斯克任政府效率部部长">马斯克任政府效率部部长</a></li>
<li><a target="_blank" href="/tags.html?k=面筋哥去世">面筋哥去世</a></li>
<li><a target="_blank" href="/tags.html?k=甲亢哥游中国开直播">甲亢哥游中国开直播</a></li>
<li><a target="_blank" href="/tags.html?k=Deepseek引发全球AI热潮">Deepseek引发全球AI热潮</a></li>
<li><a target="_blank" href="/tags.html?k=韩国总统尹锡悦被罢免">韩国总统尹锡悦被罢免</a></li>
<li><a target="_blank" href="/tags.html?k=中美新一轮贸易战">中美新一轮贸易战</a></li>
<li><a target="_blank" href="/tags.html?k=中美贸易核战">中美贸易核战</a></li>
<li><a target="_blank" href="/tags.html?k=特朗普给中国加征104%关税">特朗普给中国加征104%关税</a></li>
<li><a target="_blank" href="/tags.html?k=刘涛现身妈祖1065周年诞辰">刘涛现身妈祖1065周年诞辰</a></li>
<li><a target="_blank" href="/tags.html?k=京东外卖为骑手交五险一金">京东外卖为骑手交五险一金</a></li>
<li><a target="_blank" href="/tags.html?k=中美贸易和谈">中美贸易和谈</a></li>
<li><a target="_blank" href="/tags.html?k=2008年汶川512地震17周年纪念日">2008年汶川512地震17周年纪念日</a></li>
<li><a target="_blank" href="/tags.html?k=人工智能AI替代人类工作">人工智能AI替代人类工作</a></li>
<li><a target="_blank" href="/tags.html?k=国内银行降息">国内银行降息</a></li>
<li><a target="_blank" href="/tags.html?k=歼10CE击落6架印度战斗机">歼10CE击落6架印度战斗机</a></li>
<li><a target="_blank" href="/tags.html?k=赖清德">赖清德</a></li>
<li><a target="_blank" href="/tags.html?k=小米成功研发玄戒O1芯片">小米成功研发玄戒O1芯片</a></li>
<li><a target="_blank" href="/tags.html?k=华为三折叠手机">华为三折叠手机</a></li>
<li><a target="_blank" href="/tags.html?k=藏海传">藏海传</a></li>
<li><a target="_blank" href="/tags.html?k=俄罗斯轰炸机被乌克兰无人机袭击">俄罗斯轰炸机被乌克兰无人机袭击</a></li>
<li><a target="_blank" href="/tags.html?k=王健林狂卖万达广场还债">王健林狂卖万达广场还债</a></li>
<li><a target="_blank" href="/tags.html?k=江苏足球联赛">江苏足球联赛</a></li>
<li><a target="_blank" href="/tags.html?k=泡泡玛特的创始人成为河南首富">泡泡玛特的创始人成为河南首富</a></li>
<li><a target="_blank" href="/tags.html?k=labubu拍卖108万天价">labubu拍卖108万天价</a></li>
<li><a target="_blank" href="/tags.html?k=云顶之弈">云顶之弈</a></li>
<li><a target="_blank" href="/tags.html?k=GTA">GTA</a></li>
<li><a target="_blank" href="/tags.html?k=金铲铲之战">金铲铲之战</a></li>
<li><a target="_blank" href="/tags.html?k=绝地求生">绝地求生</a></li>
<li><a target="_blank" href="/tags.html?k=Go学长和瓦学弟">Go学长和瓦学弟</a></li>
<li><a target="_blank" href="/tags.html?k=火焰纹章">火焰纹章</a></li>
<li><a target="_blank" href="/tags.html?k=最终幻想">最终幻想</a></li>
<li><a target="_blank" href="/tags.html?k=生化危机">生化危机</a></li>
<li><a target="_blank" href="/tags.html?k=冒险岛OL">冒险岛OL</a></li>
<li><a target="_blank" href="/tags.html?k=天涯明月刀">天涯明月刀</a></li>
<li><a target="_blank" href="/tags.html?k=奇迹MU">奇迹MU</a></li>
<li><a target="_blank" href="/tags.html?k=超级马里奥">超级马里奥</a></li>
<li><a target="_blank" href="/tags.html?k=周润发">周润发</a></li>
<li><a target="_blank" href="/tags.html?k=赌神系列">赌神系列</a></li>
<li><a target="_blank" href="/tags.html?k=许文强勇闯上海滩">许文强勇闯上海滩</a></li>
</ul>
</section>
<section class="widget cead">
<a href="/hots.html" title="今日热搜榜" target="_blank">
<img src="/public/libs/skin/images/resou.jpg" border="0" width="300" height="300" alt="今日热搜榜" />
</a>
</section>
</aside>
<div class="clear"></div>
</div>
</div>
<footer id="footer">
<div class="inner">
<div class="btm">
<center>
<a href="/sitemap.html" title="网站地图" target="_blank">网站地图</a>
<a href="/about.html" title="关于我们" target="_blank">关于我们</a>
<a href="/girl.html" title="美女视频热搜" target="_blank">美女视频热搜</a>
</center>
<div class="copyright">
<p>Copyright © 2025-2026 一号热搜榜 版权所有 ICP备案号：<a target="_blank" href="https://beian.miit.gov.cn/" rel="nofollow">鄂ICP备2025143537号-1</a> </p>
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="/public/libs/skin/js/global.js"></script>
<script type="text/javascript" src="/public/libs/skin/js/owl.carousel.min.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?a37bc2985a39d498fa56ef9822439d67";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script> var _mtj = _mtj || []; (function () { var mtj = document.createElement("script"); mtj.src = "https://node95.aizhantj.com:21233/tjjs/?k=yp5lddtug3p"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(mtj, s); })(); </script>
<!--百度自动推送代码开始-->
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
<!--百度自动推送代码结束-->
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "v5gf8qcegh");
</script>
</body>
</html>]]></plaintext></p></div></div>