2023年12月18日发(作者：drf中文文档)
跑马灯
普通卷动
滑动
预设卷动
来回卷动
向下卷动
向上卷动
向右卷动
向左卷动
卷动次数
设定宽度
设定高度
设定背景颜色
设定滚动速度
设定卷动时间
鼠标经过上面时停止滚动
鼠标离开时开始滚动
字体效果
...
标题字(最大)
...
标题字(最小)
...粗体字
...粗体字(强调) （同上效果略同）
...斜体字
...斜体字(强调)
...斜体字(表示定义)
...底线
...底线(表示插入文字)
...横线
...删除线
...删除线(表示删除)
...键盘文字
... 打字体
<![CDATA[...]]>固定宽度字体(在文件中空白、换行、定位功能有效)
<![CDATA[...</plaintext>固定宽度字体(不执行标记符号) </p><p style="text-indent: 2em;";><listing>...</listing> 固定宽度小字体 </p><p style="text-indent: 2em;";><font color=00ff00>...</font>字体颜色 </p><p style="text-indent: 2em;";><font size=1>...</font>最小字体 </p><p style="text-indent: 2em;";><font style =’font-size:100 px’>...</font>无限增大 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>区断标记 </p><p style="text-indent: 2em;";><hr>水平线 </p><p style="text-indent: 2em;";><hr size=’9’>水平线(设定大小) </p><p style="text-indent: 2em;";><hr width=’80%’>水平线(设定宽度) </p><p style="text-indent: 2em;";><hr color=’ff0000’>水平线(设定颜色) </p><p style="text-indent: 2em;";></p><p style="text-indent: 2em;";>(换行) </p><p style="text-indent: 2em;";><nobr>...</nobr>水域(不换行) </p><p style="text-indent: 2em;";><p>...</p>水域(段落) </p><p style="text-indent: 2em;";><center>...</center>置中 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><!>连结格式 </p><p style="text-indent: 2em;";><base href=位址>(预设好连结路径) </p><p style="text-indent: 2em;";><a href=位址></a>外部连结 </p><p style="text-indent: 2em;";><a href=位址 target=’_blank’></a>外部连结(另开新视窗) </p><p style="text-indent: 2em;";><a href=位址 target=’_top’></a>外部连结(全视窗连结) </p><p style="text-indent: 2em;";><a href=位址 target=’页框名’></a>外部连结(在指定页框连结) </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><!>贴图/音乐 </p><p style="text-indent: 2em;";>贴图 </p><p style="text-indent: 2em;";>设定图片宽度 </p><p style="text-indent: 2em;";>设定图片高度 </p><p style="text-indent: 2em;";>设定图片提示文字 </p><p style="text-indent: 2em;";>设定图片边框 </p><p style="text-indent: 2em;";><bgsound src=MID音乐档位址>背景音乐设定 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><!>表格语法 </p><p style="text-indent: 2em;";><table aling=left>...</table>表格位置,置左 </p><p style="text-indent: 2em;";><table aling=center>...</table>表格位置,置中 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><table background=图片路径>...</table>背景图片的URL=就是路径网址 </p><p style="text-indent: 2em;";><table bgcolor=颜色码>...</table>设定表格的背景颜色 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><table border=边框大小>...</table>设定表格边框大小(使用数字) </p><p style="text-indent: 2em;";><table borderclor=颜色码>...</table>设定表格边框的颜色 </p><p style="text-indent: 2em;";><table borderclordark=颜色码>...</table>设定表格暗边框的颜色 </p><p style="text-indent: 2em;";><table borderclorlight=颜色码>...</table>设定表格亮边框的颜色 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字) </p><p style="text-indent: 2em;";><table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字) </p><p style="text-indent: 2em;";><table cols=参数>...</table>指定表格的栏数 </p><p style="text-indent: 2em;";><table frame=参数>...</table>设定表格外框线的显示方式 </p><p style="text-indent: 2em;";><table width=宽度>...</table>指定表格的宽度大小(使用数字) </p><p style="text-indent: 2em;";><table height=高度>...</table>指定表格的高度大小(使用数字) </p><p style="text-indent: 2em;";><td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字) </p><p style="text-indent: 2em;";><td rowspan=参数>...</td>指定储存格合并列的列数(使用数字) </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>分割视窗 </p><p style="text-indent: 2em;";><frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自</p><p style="text-indent: 2em;";>动调整 </p><p style="text-indent: 2em;";><frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 </p><p style="text-indent: 2em;";><frameset cols="20%,*">分割左右两个框架 </p><p style="text-indent: 2em;";><frameset cols="20%,*,20%">分割左中右三个框架 </p><p style="text-indent: 2em;";><分割上下两个框架 </p><p style="text-indent: 2em;";><frameset rows="20%,*,20%">分割上中下三个框架 </p><p style="text-indent: 2em;";>属性： </p><p style="text-indent: 2em;";>cols 垂直切割窗口（如左右分割两个窗口）接受整数值，百分数，*（*代表占用余下空间）数值的个数代表分成的部分数目，要以逗号分隔。例：cols="30,*,50%"可以 切成三个视窗，第一部分是30像素（pixels）为绝对分割，第二部分是当分配完第一和第三视图后剩下的空间，第三部分则占整个窗口的50%宽度，为相对分割。 </p><p style="text-indent: 2em;";>rows 就是横向切割，将窗口上下分开，数值设置同上。 </p><p style="text-indent: 2em;";>以上两属性尽量不要在同一个<frameset>标记中，因为王井（netscape）不支持，尽量采用多重分割。 </p><p style="text-indent: 2em;";>frameborder 设置框架的边框，其值有0不要边框，1要边框。 </p><p style="text-indent: 2em;";>border 设置框架边框厚度 </p><p style="text-indent: 2em;";>framespacing 表示框架与框架间保留空白的距离 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>frame元素（单标签） </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><frame name="" src="url" scrolling="yes/no" noresize> </p><p style="text-indent: 2em;";>属性： </p><p style="text-indent: 2em;";>name 框架名称，指定框架来做连接的目标窗口。 </p><p style="text-indent: 2em;";>src 框架中要显示的网页文当url地址，每个个框架要对应一个html文挡。 </p><p style="text-indent: 2em;";>scrolling 是否显示滚动条，yes/no,auto是自动。 </p><p style="text-indent: 2em;";>noresize 设置不让使用者改变这个框架的大小， </p><p style="text-indent: 2em;";>noframe元素 </p><p style="text-indent: 2em;";>指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息 </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><noframe> </p><p style="text-indent: 2em;";>...... </p><p style="text-indent: 2em;";></noframe> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>表单<form></form> </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><form action="url" method="get/post"> </p><p style="text-indent: 2em;";>.... </p><p style="text-indent: 2em;";><input type=submit><input type=reset> </p><p style="text-indent: 2em;";></form> </p><p style="text-indent: 2em;";>method有两种提交方式get,post </p><p style="text-indent: 2em;";>action 是指明处理该表单的程序位置，这样表单所填的资料才能传给cgi做处里，可设定此参数为action="mailto:lwr8494@" 这样此表单所填的资料将会发送到这个邮箱地址。 </p><p style="text-indent: 2em;";>method 是指传送信息给cgi等网络程序的方式。可选post方法， get方法，post方法容许</p><p style="text-indent: 2em;";>传送大量信息。get方法只接受低于1k的信息。 </p><p style="text-indent: 2em;";>申请表单用的是post 搜索引擎用的是get </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><! - - ... - -> 注解 插入图片并预设图<A HREF TARGET> 指定超连结的分割视窗 形大小 </p><p style="text-indent: 2em;";>【<a href target>】 插入图片并预设图形的左<A HREF=#锚的名称> 指定锚名称的超连结 右边界 </p><p style="text-indent: 2em;";><A HREF> 指定超连结 预载图片功能 </p><p style="text-indent: 2em;";><A NAME=锚的名称> 被连结点的名称 设定图片边界 </p><p style="text-indent: 2em;";>[ <a name=锚点名称>] 插入图片 </p><p style="text-indent: 2em;";><ADDRESS>....</ADDRESS> 用来显示电子 插入图片并预设图形的上邮箱地址 [ <address>….</ address > ] 下边界 </p><p style="text-indent: 2em;";><B> 粗体字 <INPUT TYPE NAME value> 在表单中加入<BASE TARGET> 指定超连结的分割视窗 输入栏位 </p><p style="text-indent: 2em;";>【 <base target>】 <ISINDEX> 定义查询用表单 </p><p style="text-indent: 2em;";><BASEFONT SIZE> 更改预设字形大小 <KBD>...</KBD> 表示使用者输入文字 </p><p style="text-indent: 2em;";>【 <basefont size> 】 <LI TYPE>...</LI> 列表的项目 ( 可指定符<BGSOUND SRC> 加入背景音乐 号 ) </p><p style="text-indent: 2em;";>【< bgsound src>】 <MARQUEE> 跑马灯效果 </p><p style="text-indent: 2em;";><BIG> 显示大字体 【 <big>】 <MENU>...</MENU> 条列文字标签 </p><p style="text-indent: 2em;";><meta NAME="REFRESH" CONTENT URL> </p><p style="text-indent: 2em;";><BLINK> 闪烁的文字 【 <blink>】 </p><p style="text-indent: 2em;";><BODY TEXT LINK VLINK> 设定文字颜色 自动更新文件内容 </p><p style="text-indent: 2em;";>【 < body text link vlink> 】 <MULTIPLE> 可同时选择多项的列表栏 </p><p style="text-indent: 2em;";><BODY> 显示本文 <body>. <NOFRame> 定义不出现分割视窗的文字 </p><p style="text-indent: 2em;";><BR> 换行 </p><p style="text-indent: 2em;";> <OL>...</OL> 有序号的列表 </p><p style="text-indent: 2em;";><CAPTION ALIGN> 设定表格标题位置 <OPTION> 定义表单中列表栏的项目 </p><p style="text-indent: 2em;";><CAPTION>...</CAPTION> 为表格加上标<P ALIGN> 设定对齐方向 </p><p style="text-indent: 2em;";>题 <P> 分段 </p><p style="text-indent: 2em;";><CENTER> 向中对齐 <PERSON>...</PERSON> 显示人名 </p><p style="text-indent: 2em;";><CITE>...<CITE> 用於引经据典的文字 <PRE> 使用原有排列 </p><p style="text-indent: 2em;";><CODE>...</CODE> 用於列出一段程式码 <SAMP>...</SAMP> 用於引用字 </p><p style="text-indent: 2em;";><COMMENT>...</COMMENT> 加上注解 <select >...</select > 在表单中定义列表栏 </p><p style="text-indent: 2em;";><DD> 设定定义列表的项目解说 <SMALL> 显示小字体 </p><p style="text-indent: 2em;";><DFN>...</DFN> 显示"定义"文字 <STRIKE> 文字加横线 </p><p style="text-indent: 2em;";><DIR>...</DIR> 列表文字标签 <STRONG> 用於加强语气 </p><p style="text-indent: 2em;";><DL>...</DL> 设定定义列表的标签 <SUB> 下标字 </p><p style="text-indent: 2em;";><DT> 设定定义列表的项目 <SUP> 上标字 </p><p style="text-indent: 2em;";><EM> 强调之用 <TABLE BORDER=n> 调整表格的宽线高度 </p><p style="text-indent: 2em;";><FONT FACE> 任意指定所用的字形 <TABLE CELLPADDING> 调整资料栏位之<FONT SIZE> 设定字体大小 边界 </p><p style="text-indent: 2em;";><FORM ACTION> 设定户动式表单的处理<TABLE CELLSPACING> 调整表格线的宽方式 度 </p><p style="text-indent: 2em;";><FORM METHOD> 设定户动式表单之资料<TABLE HEIGHT> 调整表格的高度 </p><p style="text-indent: 2em;";>传送方式 <TABLE WIDTH> 调整表格的宽度 </p><p style="text-indent: 2em;";><FRame MARGINHEIGHT> 设定视窗的上下边界 </p><p style="text-indent: 2em;";><FRame MARGINWIDTH> 设定视窗的左右边界 </p><p style="text-indent: 2em;";><FRame NAME> 为分割视窗命名 </p><p style="text-indent: 2em;";><FRame NORESIZE> 锁住分割视窗的大小 </p><p style="text-indent: 2em;";><FRame SCROLLING> 设定分割视窗的卷轴 </p><p style="text-indent: 2em;";><FRame SRC> 将HTML档加入视窗 </p><p style="text-indent: 2em;";><FRameSET COLS> 将视窗分割成左右的子视窗 </p><p style="text-indent: 2em;";><FRameSET ROWS> 将视窗分割成上下的子视窗 </p><p style="text-indent: 2em;";><FRameSET>...</FRameSET> 划分分割视窗 </p><p style="text-indent: 2em;";><H1>~<H6> 设定文字大小 </p><p style="text-indent: 2em;";><HEAD> 标示文件资讯 </p><p style="text-indent: 2em;";><HR> 加上分格线 </p><p style="text-indent: 2em;";><HTML> 文件的开始与结束 </p><p style="text-indent: 2em;";><I> 斜体字 </p><p style="text-indent: 2em;";> 调整图形影像的位置 </p><p style="text-indent: 2em;";> 为你的图形影像加注 </p><p style="text-indent: 2em;";> 加入影片 </p><p style="text-indent: 2em;";><TABLE>...</TABLE> 产生表格的标签 </p><p style="text-indent: 2em;";><TD ALIGN> 调整表格栏位之左右对齐 </p><p style="text-indent: 2em;";><TD BGCOLOR> 设定表格栏位之背景颜色 </p><p style="text-indent: 2em;";><TD COLSPAN ROWSPAN> 表格栏位的合并 </p><p style="text-indent: 2em;";><TD NOWRAP> 设定表格栏位不换行 </p><p style="text-indent: 2em;";><TD VALIGN> 调整表格栏位之上下对齐 </p><p style="text-indent: 2em;";><TD WIDTH> 调整表格栏位宽度 </p><p style="text-indent: 2em;";><TD>...</TD> 定义表格的资料栏位 </p><p style="text-indent: 2em;";><TEXTAREA NAME ROWS COLS> 表单中加入多少列的文字输入栏 </p><p style="text-indent: 2em;";><TEXTAREA WRAP> 决定文字输入栏是自动否换行 </p><p style="text-indent: 2em;";><TH>...</TH> 定义表格的标头栏位 </p><p style="text-indent: 2em;";><TITLE> 文件标题 </p><p style="text-indent: 2em;";><TR>...</TR> 定义表格美一行 </p><p style="text-indent: 2em;";><TT> 打字机字体 </p><p style="text-indent: 2em;";><U> 文字加底线 </p><p style="text-indent: 2em;";><UL TYPE>...</UL> 无序号的列表 ( 可指定符号 ) </p><p style="text-indent: 2em;";><var>...</var> 用於显示变数 </p><p style="text-indent: 2em;";>BlockQuotc文本缩进 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>表示颜色的有三种方式； </p><p style="text-indent: 2em;";>1，16进制颜色代码 语法：#RRGGBB </p><p style="text-indent: 2em;";>例：<font color="#ff0000">红色</font> </p><p style="text-indent: 2em;";>2，10进制RGB码 语法：RGB（RRR，GGG，BBB） </p><p style="text-indent: 2em;";>例：<font color="rgb(255,000,000)">红色</font> </p><p style="text-indent: 2em;";>3,直接用颜色的英文名称 </p><p style="text-indent: 2em;";>例：<font color="red">红色</font> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><body>.....</body>属性可分为三种： </p><p style="text-indent: 2em;";>1，背景属性 </p><p style="text-indent: 2em;";>包括：bgcolor,background </p><p style="text-indent: 2em;";>2,文字属性： </p><p style="text-indent: 2em;";>包括：text,link,alink,vlink, </p><p style="text-indent: 2em;";>3,留白属性： </p><p style="text-indent: 2em;";>其中分为：leftmargin,topmargin </p><p style="text-indent: 2em;";>.bgcolor背景色 </p><p style="text-indent: 2em;";>语法格式：<body bgcolor="#ff0000"> </p><p style="text-indent: 2em;";>.background背景图案。 </p><p style="text-indent: 2em;";>语法格式：<body background="url"> </p><p style="text-indent: 2em;";>.text文本颜色（非连接文字颜色） </p><p style="text-indent: 2em;";>.link连接文字颜色（可连接文字颜色） </p><p style="text-indent: 2em;";>.alink活动连接文字颜色（正被点击的可连接文字的颜色） </p><p style="text-indent: 2em;";>.vlink已访问连接文字颜色）（已经点击访问过的可连接文字的颜色） </p><p style="text-indent: 2em;";>语法格式：<body text="color" link="color" alink="color" vlink="color"> </p><p style="text-indent: 2em;";>.leftmargin 页面左侧的留白距离 </p><p style="text-indent: 2em;";>.topmargin 页面顶部的留白距离 </p><p style="text-indent: 2em;";>语法格式：<body leftmargin="value" topmargin="value"> </p><p style="text-indent: 2em;";>注：value为长度值为数字 </p><p style="text-indent: 2em;";>align 属性 </p><p style="text-indent: 2em;";>语法：<h2 align="?">文字</h2> </p><p style="text-indent: 2em;";>其属性有三种：left靠左,center居中,right靠右 </p><p style="text-indent: 2em;";>〈p〉</p>为段落标记，可利用以上属性对整个段落进行设置 </p><p style="text-indent: 2em;";>〈br>为换行标记 </p><p style="text-indent: 2em;";><nobr></nobr>为不换行标记 放在文字两边即可 </p><p style="text-indent: 2em;";>例：<body> </p><p style="text-indent: 2em;";><h3>江南逢李龟年</h3> </p><p style="text-indent: 2em;";><p>歧王宅里寻常见</p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>催九堂前几度闻</p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>正是江南好风景</p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>落花时节又逢君</p> </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";>预格式化： </p><p style="text-indent: 2em;";><pre>......</pre> 浏览是效果和编写是效果格式一样 </p><p style="text-indent: 2em;";>列表 </p><p style="text-indent: 2em;";>1无序列表又称符号列表 </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><ul type="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框 </p><p style="text-indent: 2em;";><li>文字</li> </p><p style="text-indent: 2em;";><li>文字</li> </p><p style="text-indent: 2em;";></ul> </p><p style="text-indent: 2em;";>2有序列表 </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><ol type="?" start"?"> </p><p style="text-indent: 2em;";><li>文字</li> </p><p style="text-indent: 2em;";><li>文字</li> </p><p style="text-indent: 2em;";></ol> </p><p style="text-indent: 2em;";>type的值是编号字符可选的有1...,a...,A...,i... ,I... </p><p style="text-indent: 2em;";>start为起始值例：如果start为3是那么将从3开始，而且必须是数字。 </p><p style="text-indent: 2em;";>3定义列表 </p><p style="text-indent: 2em;";><dl>定义列表标记 </p><p style="text-indent: 2em;";><dt>标示定义条目 </p><p style="text-indent: 2em;";><dd>标示定义内容 </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><dl> </p><p style="text-indent: 2em;";><dt>文字</dt> </p><p style="text-indent: 2em;";><dd>文字内容</dd> </p><p style="text-indent: 2em;";></dl> </p><p style="text-indent: 2em;";>连接和图像 </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><a href="url" name="?" target="?" title="?">....</a> </p><p style="text-indent: 2em;";>属性：href 连接目标 值可以是url地址也可以是连接锚点 </p><p style="text-indent: 2em;";><a href="url">...</a>或者 </p><p style="text-indent: 2em;";><a href="锚点">...</a> </p><p style="text-indent: 2em;";>name 连接名称 </p><p style="text-indent: 2em;";>语法格式：<a name="锚点名称">...</a> </p><p style="text-indent: 2em;";>例：<a name="abcdcf">...</a> </p><p style="text-indent: 2em;";>连接到该锚点的连接则应是： </p><p style="text-indent: 2em;";><a name="#abcdef">....</a> </p><p style="text-indent: 2em;";>target目标窗口语法格式： </p><p style="text-indent: 2em;";><a href="url"target="_blank|_self|_parent|_top|windowname">....</a> </p><p style="text-indent: 2em;";>-blank打开新窗口 </p><p style="text-indent: 2em;";>_self当前窗口打开 </p><p style="text-indent: 2em;";>一下两个仅在框架叶面中应用 </p><p style="text-indent: 2em;";>_parent当前窗口的父级窗口（上一级）打开 </p><p style="text-indent: 2em;";>_top在最高一级的窗口打开 </p><p style="text-indent: 2em;";>windowname已命名的窗口或框架中打开连接 </p><p style="text-indent: 2em;";>title连接提示 </p><p style="text-indent: 2em;";><a href="" title="打开狂人部落的首页">狂人部落</a> </p><p style="text-indent: 2em;";>图像<img> 语法格式： </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>border属性定义图片边框的宽度，默认值为0 </p><p style="text-indent: 2em;";>align属性设置图片旁边文字的位置 </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";>可选值有： </p><p style="text-indent: 2em;";>top图片和文字顶部对齐 </p><p style="text-indent: 2em;";>middle图片和文字居中对齐 </p><p style="text-indent: 2em;";>bottom图片和文字底边对齐（默认） </p><p style="text-indent: 2em;";>left图片居左对齐，文字沿图片绕排 </p><p style="text-indent: 2em;";>right图片居右对齐，文字沿图片绕排 </p><p style="text-indent: 2em;";>absmiddle图片对齐到目前文字行绝对中央 </p><p style="text-indent: 2em;";>absbottom图片对齐到目前文字行绝对底部 </p><p style="text-indent: 2em;";>文字的排版 </p><p style="text-indent: 2em;";>不换行空白标记 </p><p style="text-indent: 2em;";>font元素 </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><font face="字体名称" size="字体大小" color="字体颜色"> </p><p style="text-indent: 2em;";>字体大小可选值为1——7，默认为3 </p><p style="text-indent: 2em;";>例：〈font face="黑体" size="4" color="#ff00ff">....</font> </p><p style="text-indent: 2em;";>水平线<hr> </p><p style="text-indent: 2em;";>语法格式：<hr width="宽度" align="对齐方式默认居中center" size="水平线厚度默认为2" </p><p style="text-indent: 2em;";>color="颜色" noshade> </p><p style="text-indent: 2em;";>noshade无阴影，既实线 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>层〈div><span>两种元素 </p><p style="text-indent: 2em;";><div>是块级元素，和段落元素<p>相似，不同的是两个<div>元素之间不会产生两个<p>元素之间的空行， </p><p style="text-indent: 2em;";><span>是行内元素，可以定义段落中部分文字的属性 </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><div align="" style="">...</div> </p><p style="text-indent: 2em;";>align设置层中元素的水平对齐方式 </p><p style="text-indent: 2em;";>stule设置元素应用css规范的属性 </p><p style="text-indent: 2em;";><div>兼容性比<span>要好一点，最好使用<div> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>表格语法格式： </p><p style="text-indent: 2em;";><table width="" bgcolor="" background="" border="" cellspacing="" cellpadding=""> </p><p style="text-indent: 2em;";><tr>...<td>....</td>....</tr> </p><p style="text-indent: 2em;";></table> </p><p style="text-indent: 2em;";>border边框宽度默认值为0，既没有边框 </p><p style="text-indent: 2em;";>cellspacing表格中单元格的边距大小，默认值为两个像素 </p><p style="text-indent: 2em;";>cellpadding表格中单元格之间的间距大小，默认值为两个像素 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>tr元素 </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><tr align="" bgcolor="">....</tr> </p><p style="text-indent: 2em;";>align属性对齐方式可选值如下：left,center,tight,默认为left </p><p style="text-indent: 2em;";>bgcolor指定该行的背景颜色 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>td元素 </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><td width="宽度" height="高度" align="水平对齐方式" valign="垂直对齐方式" bgcolor="" </p><p style="text-indent: 2em;";>background="" rowspan="单元格的行跨度" colspan="单元格的列跨度">.....</td> </p><p style="text-indent: 2em;";>align属性的可选值有：left,center,right </p><p style="text-indent: 2em;";>valign属性的可选值有：top,middle,bottom </p><p style="text-indent: 2em;";>rowspan和colapan跨行和跨列的数量，默认为1 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>input元素 语法格式： </p><p style="text-indent: 2em;";><input type=""> </p><p style="text-indent: 2em;";>type属性的可选值有： </p><p style="text-indent: 2em;";>text 单行文本框 </p><p style="text-indent: 2em;";>属性：name 文本框名称 </p><p style="text-indent: 2em;";>value 文本框的初始值 </p><p style="text-indent: 2em;";>size 文本框的长度 </p><p style="text-indent: 2em;";>maxlength 可输入字符串最大的长度 </p><p style="text-indent: 2em;";>radio 单选框 </p><p style="text-indent: 2em;";>属性：name 单选框名称 </p><p style="text-indent: 2em;";>value 内部值 </p><p style="text-indent: 2em;";>checked 默认选定 </p><p style="text-indent: 2em;";>checkbox 复选框 </p><p style="text-indent: 2em;";>属性：name 复选框名称 </p><p style="text-indent: 2em;";>value 内部值 </p><p style="text-indent: 2em;";>checked 默认选定 </p><p style="text-indent: 2em;";>reset 重置按钮 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>submit 确定按钮 </p><p style="text-indent: 2em;";>属性：name 按钮名称 </p><p style="text-indent: 2em;";>value 显示在按钮上的文字 </p><p style="text-indent: 2em;";>password 密码框 </p><p style="text-indent: 2em;";>属性与文本框的属性完全相同 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>file 文件域 </p><p style="text-indent: 2em;";>属性：name文件域名称 </p><p style="text-indent: 2em;";>size 文件域的长度 </p><p style="text-indent: 2em;";>maxlength 文件域可接受的字符数量的上限 </p><p style="text-indent: 2em;";>hidden 隐藏域 </p><p style="text-indent: 2em;";>属性：name 隐藏域名称 </p><p style="text-indent: 2em;";>value 内定值 </p><p style="text-indent: 2em;";>image 图片域 </p><p style="text-indent: 2em;";>属性：name 所要代表的按钮，可以是submit,reset,或其他. </p><p style="text-indent: 2em;";>src 按钮图片的url 地址 </p><p style="text-indent: 2em;";>列表框<select> </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><select> </p><p style="text-indent: 2em;";>..... </p><p style="text-indent: 2em;";><option>....</option> </p><p style="text-indent: 2em;";>..... </p><p style="text-indent: 2em;";></select> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>select元素 </p><p style="text-indent: 2em;";>语法格式：<select name="" size=""multiple></select> </p><p style="text-indent: 2em;";>name 指定列表框的名字 </p><p style="text-indent: 2em;";>size 指定列表框显示列表项的条数，如果指定了该参数，select元素是个列表，否则是一个下拉列表框 </p><p style="text-indent: 2em;";>multiple 指定了这个参数，则表示该列表框可选择多项，否则只可选择一项 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>option属性 </p><p style="text-indent: 2em;";>语法格式：<option value="" selected></option> </p><p style="text-indent: 2em;";>value 该列表项的值 </p><p style="text-indent: 2em;";>selected 如果设定了这个参数，默认为选定这一项 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>多行文本框<textarea> </p><p style="text-indent: 2em;";><textarea name="" cols="" rows="" wrap="off/physical/virtual"></textarea> </p><p style="text-indent: 2em;";>属性： </p><p style="text-indent: 2em;";>name文本框的名称 </p><p style="text-indent: 2em;";>cols文本框的宽度 </p><p style="text-indent: 2em;";>rows文本框的高度 </p><p style="text-indent: 2em;";>wrap文本框的折行方式可选值有： </p><p style="text-indent: 2em;";>off不保存换行信息 </p><p style="text-indent: 2em;";>physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出， </p><p style="text-indent: 2em;";>virtual送出连续成串的字除非使用者按回车。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>css 层叠样式表 </p><p style="text-indent: 2em;";>引入层叠样式表的方法包括： </p><p style="text-indent: 2em;";>外联式样式表 </p><p style="text-indent: 2em;";>例：<head> </p><p style="text-indent: 2em;";><link rel="stylesheet" href="/css/"> </p><p style="text-indent: 2em;";></head> </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";>.... </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";></html> </p><p style="text-indent: 2em;";>属性：rel 用来说明<link>元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>内嵌式样式表： </p><p style="text-indent: 2em;";>例：<html> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><style type="text/css"> </p><p style="text-indent: 2em;";><!-- </p><p style="text-indent: 2em;";>td{font:9pt;color:red} </p><p style="text-indent: 2em;";>.font105{font:10.5pt;color:blue} </p><p style="text-indent: 2em;";>--> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";></head> </p><p style="text-indent: 2em;";><body>....</body> </p><p style="text-indent: 2em;";></html> </p><p style="text-indent: 2em;";>元素内定 </p><p style="text-indent: 2em;";>格式：<p style="font-size:10.5pt"> </p><p style="text-indent: 2em;";>导入式样式表 </p><p style="text-indent: 2em;";>〈html> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><style type="text/css"> </p><p style="text-indent: 2em;";><!-- </p><p style="text-indent: 2em;";>@import url(css/); </p><p style="text-indent: 2em;";>--> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";>.... </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";></html> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>css的优先级 </p><p style="text-indent: 2em;";>越接近目标的样式定义优先级越高，高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义 </p><p style="text-indent: 2em;";>如果4种样式表对同一元素定义了不同的样式，那么他们的优先级顺序从高到低是，元素内定，内嵌样式表，导入样式表，外联样式表。 </p><p style="text-indent: 2em;";>css结构 </p><p style="text-indent: 2em;";>例：td{font-size:10.5pt;color:#666666} </p><p style="text-indent: 2em;";>css样式包含两个基础部分， </p><p style="text-indent: 2em;";>选择符<td>和声明{font-size:10.5pt;color:#666666} </p><p style="text-indent: 2em;";>声明也有两部分组成： </p><p style="text-indent: 2em;";>属性font-size,color和值10.5pt,#666666 </p><p style="text-indent: 2em;";>选择符分为6种 </p><p style="text-indent: 2em;";>1元素选择符 </p><p style="text-indent: 2em;";>当页面上多个元素的样式相同时，可以将多个元素放在一起定义，中间以逗号分开 例：td,p,li,input,select{font-size:12px;} </p><p style="text-indent: 2em;";>2class(类)选择符 </p><p style="text-indent: 2em;";>例： </p><p style="text-indent: 2em;";>〈head> </p><p style="text-indent: 2em;";><title>.....</title> </p><p style="text-indent: 2em;";><style type="text/css"> </p><p style="text-indent: 2em;";><!-- </p><p style="text-indent: 2em;";>.red{font-size:10.5pt;color:#ff0000} </p><p style="text-indent: 2em;";>--> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";></head> </p><p style="text-indent: 2em;";><body bgcolor="#ffffff"> </p><p style="text-indent: 2em;";><p class="red">士大夫井冈山地方官</p> </p><p style="text-indent: 2em;";><p>九连环离开计划</p> </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";>还有一种方法就是限定可以应用它的页面元素 </p><p style="text-indent: 2em;";>例：〈head> </p><p style="text-indent: 2em;";><title>.....</title> </p><p style="text-indent: 2em;";><style type="text/css"> </p><p style="text-indent: 2em;";><!-- </p><p style="text-indent: 2em;";>{color:#ff0000} </p><p style="text-indent: 2em;";>--> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";></head> </p><p style="text-indent: 2em;";><body bgcolor="#ffffff"> </p><p style="text-indent: 2em;";><p class="red">士大夫井冈山地方官</p> </p><p style="text-indent: 2em;";><h1 class="red">九连环离开计划</h1> </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>3 id选择符 </p><p style="text-indent: 2em;";>与class选择附类似，只是把'.'换成'#' </p><p style="text-indent: 2em;";>例： </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><style type="text/css"> </p><p style="text-indent: 2em;";><!-- </p><p style="text-indent: 2em;";>#select{font-size:18px;color:#0000ff} </p><p style="text-indent: 2em;";>--> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";><table width="250" border="1" height="50"> </p><p style="text-indent: 2em;";><tr> </p><p style="text-indent: 2em;";><td align="center" id="select">id选择符</td> </p><p style="text-indent: 2em;";></tr> </p><p style="text-indent: 2em;";></table> </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";></head> </html> </p><p style="text-indent: 2em;";>我们看到在调用ID选择附时与CLASS选择附类似，只是将class=""换成了id=""，方便页面脚本语言的调用 </p><p style="text-indent: 2em;";>关联选择符 </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><style type="text/css"> </p><p style="text-indent: 2em;";><!-- </p><p style="text-indent: 2em;";>td p{font-size:18px;color:#0000ff} </p><p style="text-indent: 2em;";>--> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";></head> </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";><table width="250" border="1" height="50"> </p><p style="text-indent: 2em;";><tr> </p><p style="text-indent: 2em;";><td align="center"><p>关联选择符</p></td> </p><p style="text-indent: 2em;";></tr> </p><p style="text-indent: 2em;";></table> </p><p style="text-indent: 2em;";><p>关联选择符</p> </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";></html> </p><p style="text-indent: 2em;";> 我们设定了在元素中<td>的元素<p>所包含文字的样式，只有在两个条件都满足是，样式在会起作用， </p><p style="text-indent: 2em;";>伪类选择符 是只能用在css选择符里，而不能用在html代码中的选择符 </p><p style="text-indent: 2em;";>例： </p><p style="text-indent: 2em;";>〈html> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><style type="text/css"> </p><p style="text-indent: 2em;";><!-- </p><p style="text-indent: 2em;";>a:link{color:#000000} </p><p style="text-indent: 2em;";>a:visited{color:#cccccc} </p><p style="text-indent: 2em;";>a:hover{color:#ff0000} </p><p style="text-indent: 2em;";>a:active{color:#ooooff} </p><p style="text-indent: 2em;";>--> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";></head> </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";><p><a href="#">关联选择符</a><p> </p><p style="text-indent: 2em;";><p><a href="#">关联选择符</a><p> </p><p style="text-indent: 2em;";><p><a href="#">关联选择符</a><p> </p><p style="text-indent: 2em;";><p><a href="#">关联选择符</a><p> </p><p style="text-indent: 2em;";>〈/body> </p><p style="text-indent: 2em;";></html> </p><p style="text-indent: 2em;";>正确的顺序是a:linka:visiteda:hover否则会引起页面上连接颜色混乱 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>伪元素选择符 </p><p style="text-indent: 2em;";>与伪类选择符定义类似，目前被大多数浏览器支持的有两个：首行伪元素（first-line）和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的 </p><p style="text-indent: 2em;";>例： </p><p style="text-indent: 2em;";>首行 </p><p style="text-indent: 2em;";><html> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><style> </p><p style="text-indent: 2em;";><!-- </p><p style="text-indent: 2em;";>p:first-line{color:red;font-size:20pt} </p><p style="text-indent: 2em;";>--> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";></hesd> </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";><</p> </p><p style="text-indent: 2em;";>首字 </p><p style="text-indent: 2em;";><html> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><style> </p><p style="text-indent: 2em;";><!-- </p><p style="text-indent: 2em;";>p:first-letter{color:red;font-size:50pt;float:left;} </p><p style="text-indent: 2em;";>--> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";></hesd> </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";><</p> </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";></html> </p><p style="text-indent: 2em;";>长度随浏览器窗口大小而改变 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>css规则 </p><p style="text-indent: 2em;";>1.继承 </p><p style="text-indent: 2em;";>例： </p><p style="text-indent: 2em;";><html> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><style type="text/css"> </p><p style="text-indent: 2em;";><!-- </p><p style="text-indent: 2em;";>td{font-size:12pt} </p><p style="text-indent: 2em;";>p{color:red} </p><p style="text-indent: 2em;";>--> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";></hesd> </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";></html> </p><p style="text-indent: 2em;";>以上两种都只能应用于块状元素上 </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";><table width="300" border="1" height="150"> </p><p style="text-indent: 2em;";><tr> </p><p style="text-indent: 2em;";><td align="center"> </p><p style="text-indent: 2em;";><p>css规则</p> </p><p style="text-indent: 2em;";></td> </p><p style="text-indent: 2em;";></table> </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";></html> </p><p style="text-indent: 2em;";><p>为最高级<td>次一级两种css用在一个属性元素上，相同的覆盖，不同的继承， </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>2.组合 </p><p style="text-indent: 2em;";>例:td{font-size:12pt} </p><p style="text-indent: 2em;";>p1{font-size:12pt} </p><p style="text-indent: 2em;";>组合后 </p><p style="text-indent: 2em;";>td,.p1{font-size:12pt} </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>3.层叠 </p><p style="text-indent: 2em;";>在样式里定义过后，在表格属性中又定义一次 </p><p style="text-indent: 2em;";><html> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><style type="text/css"> </p><p style="text-indent: 2em;";><!-- </p><p style="text-indent: 2em;";>red{color:#ff0000 limportant} </p><p style="text-indent: 2em;";>--> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";></hesd> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";><table width="300" border="1" height="150"> </p><p style="text-indent: 2em;";><tr> </p><p style="text-indent: 2em;";><td align="center" style="color:#0000ff" </p><p style="text-indent: 2em;";>class="red">决撒地方官</td> </p><p style="text-indent: 2em;";></tr> </p><p style="text-indent: 2em;";></table> </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";></html> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>css单位 </p><p style="text-indent: 2em;";>分四大类： </p><p style="text-indent: 2em;";>1 长度单位 </p><p style="text-indent: 2em;";>数值可以是整数，小数，正数，负数，0，后加单位（负值不要轻易使用） </p><p style="text-indent: 2em;";>换算关系： </p><p style="text-indent: 2em;";>1in(英寸)=6pc(派) </p><p style="text-indent: 2em;";>1in(英寸)=72pt(磅) </p><p style="text-indent: 2em;";>1cm(厘米)=0.3937(英寸) </p><p style="text-indent: 2em;";>1pt(磅)=1/72in(英寸)=0.2478mm(毫米) </p><p style="text-indent: 2em;";>1in(英寸)=2.54(厘米) </p><p style="text-indent: 2em;";>1cm(厘米)=10mm(毫米) </p><p style="text-indent: 2em;";>2 百分比单位 </p><p style="text-indent: 2em;";>3 颜色单位 </p><p style="text-indent: 2em;";>4 url单位 </p><p style="text-indent: 2em;";>1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>div属性 </p><p style="text-indent: 2em;";>color : #999999 文字颜色 </p><p style="text-indent: 2em;";>font-family : 宋体 文字字型 </p><p style="text-indent: 2em;";>font-size : 10pt 文字大小 </p><p style="text-indent: 2em;";>font-style:itelic 文字斜体育 </p><p style="text-indent: 2em;";>font-variant:small-caps 小字体 </p><p style="text-indent: 2em;";>letter-spacing : 1pt 文字间距 </p><p style="text-indent: 2em;";>line-height : 200% 设定行高 </p><p style="text-indent: 2em;";>font-weight:bold 文字粗体 </p><p style="text-indent: 2em;";>vertical-align:sub 下标字 </p><p style="text-indent: 2em;";>vertical-align:super 上标字 </p><p style="text-indent: 2em;";>text-decoration:line-through 加?h除线 </p><p style="text-indent: 2em;";>text-decoration:overline 加顶线 </p><p style="text-indent: 2em;";>text-decoration:underline 加底线 </p><p style="text-indent: 2em;";>text-decoration:none ?h除连接底线 </p><p style="text-indent: 2em;";>text-transform : capitalize 首字大写 </p><p style="text-indent: 2em;";>text-transform : uppercase 英文大写 </p><p style="text-indent: 2em;";>text-transform : lowercase 英文写 </p><p style="text-indent: 2em;";>text-align:right 文字*右对齐 </p><p style="text-indent: 2em;";>text-align:left 文字*左对齐 </p><p style="text-indent: 2em;";>text-align:center 文字置中对齐 </p><p style="text-indent: 2em;";>这些是一些简单的文字效果，可以应用到css的页面中。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>背景 </p><p style="text-indent: 2em;";>background-color:black 背景颜色 </p><p style="text-indent: 2em;";>background-image : url(image/) 背景图片 </p><p style="text-indent: 2em;";>background-attachment : fixed 固定背景 </p><p style="text-indent: 2em;";>background-repeat : repeat 重复排列-网页预设 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>链接 </p><p style="text-indent: 2em;";>A 所有超连接 </p><p style="text-indent: 2em;";>A:link 超连接文字格式 </p><p style="text-indent: 2em;";>A:visited 浏览过的连接文字格式 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>边框 </p><p style="text-indent: 2em;";>border-top : 1px solid black 上框 </p><p style="text-indent: 2em;";>border-bottom : 1px solid #6699cc 下框 </p><p style="text-indent: 2em;";>border-left : 1px solid #6699cc 左框 </p><p style="text-indent: 2em;";>border-right : 1px solid #6699cc 右框 </p><p style="text-indent: 2em;";>border: 1px solid #6699cc 四边框 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>A:active 按下连接的格式 </p><p style="text-indent: 2em;";>A:hover 鼠标移至连接 </p><p style="text-indent: 2em;";>background-repeat : no-repeat 不重复排列 </p><p style="text-indent: 2em;";>background-repeat : repeat-x 在x轴重复排列 </p><p style="text-indent: 2em;";>background-repeat : repeat-y 在y轴重复排列 </p><p style="text-indent: 2em;";>background-position : 90% 90% 背景图片x与y轴的位置 </p><p style="text-indent: 2em;";>虚线 </p><p style="text-indent: 2em;";><TEXTAREA STYLE="border:1px dashed pink"> </p><p style="text-indent: 2em;";>实线 </p><p style="text-indent: 2em;";><TEXTAREA STYLE="border:1px solid pink"> </p></div><br><p><h2></h2></p> <!-- 附件 -->
<p class="tag">
本文标签：
<a style="margin-right: 10px" href="/tag/749.html" target="_blank">文字</a>
<a style="margin-right: 10px" href="/tag/643.html" target="_blank">设定</a>
<a style="margin-right: 10px" href="/tag/772.html" target="_blank">定义</a>
<a style="margin-right: 10px" href="/tag/735.html" target="_blank">表格</a>
<a style="margin-right: 10px" href="/tag/263.html" target="_blank">连接</a>
</p>
<div class="roclinux-cn copyright">
<blockquote>
<p>
版权声明：本文标题：html标签属性大全 内容由网友自发贡献，该文观点仅代表作者本人，
转载请联系作者并注明出处：<a href="http://www.roclinux.cn/p/1702873645a434156.html">http://www.roclinux.cn/p/1702873645a434156.html</a>，
本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
</p>
</blockquote>
</div>
</div>
<div class="roclinux-cn block-wrap single-relative">
<h2 class="block-title"> 更多相关文章 </h2>
<div class="roclinux-cn post-list">
<div class="roclinux-cn post-item">
<!--<div class="roclinux-cn post-item-cover">-->
<!-- <a class="post-item-img" href="/p/1771515500a3545487.html" title="从菜鸟到大师：Win7搭建无线热点的全面解析与实操步骤。">-->
<!-- <img class="hover-scale" src="/view/img/nopic.png" alt="从菜鸟到大师：Win7搭建无线热点的全面解析与实操步骤。">-->
<!-- </a>-->
<!-- <ul class="post-categories">-->
<!-- <li><a href="/p" target="_blank">技术日记</a></li>-->
<!-- </ul>-->
<!--</div>-->
<a href="/p/1771515500a3545487.html" class="post-item-title" title="从菜鸟到大师：Win7搭建无线热点的全面解析与实操步骤。">
<h3>从菜鸟到大师：Win7搭建无线热点的全面解析与实操步骤。</h3>
<div class="roclinux-cn post-item-cover" style="display:inline-grid">
<ul class="post-categories">
<li>
<a href="/p" target="_blank">技术日记</a>
</li>
</ul>
</div>
</a>
<div class="roclinux-cn post-item-footer">
<div class="roclinux-cn tag-wrap"> </div>
<div class="roclinux-cn post-item-meta">1月前</div>
</div>
<p class="post-item-summary">1.你的电脑必须有无线网卡，不限内置还是外置的，也就是说，台式机只要插上一个USB无线网卡一样能用。2.你电脑的系统必须是win7</p>
</div>
<div class="roclinux-cn post-item">
<!--<div class="roclinux-cn post-item-cover">-->
<!-- <a class="post-item-img" href="/b/1771529843a3545648.html" title="摆脱困扰，华为鸿蒙设备纯净模式关闭攻略详解">-->
<!-- <img class="hover-scale" src="/view/img/nopic.png" alt="摆脱困扰，华为鸿蒙设备纯净模式关闭攻略详解">-->
<!-- </a>-->
<!-- <ul class="post-categories">-->
<!-- <li><a href="/b" target="_blank">编程</a></li>-->
<!-- </ul>-->
<!--</div>-->
<a href="/b/1771529843a3545648.html" class="post-item-title" title="摆脱困扰，华为鸿蒙设备纯净模式关闭攻略详解">
<h3>摆脱困扰，华为鸿蒙设备纯净模式关闭攻略详解</h3>
<div class="roclinux-cn post-item-cover" style="display:inline-grid">
<ul class="post-categories">
<li>
<a href="/b" target="_blank">编程</a>
</li>
</ul>
</div>
</a>
<div class="roclinux-cn post-item-footer">
<div class="roclinux-cn tag-wrap"> </div>
<div class="roclinux-cn post-item-meta">1月前</div>
</div>
<p class="post-item-summary">玩原的代价 今天想在华为手机上玩O，结果发现应用商城没有O 意味着我只能去官网下载apk然后安装。 但安装时发现巨大问题，纯净模式拦住我不让我安装O 这能忍？ 首先，我想玩O有一万种方法，想安装</p>
</div>
<div class="roclinux-cn post-item">
<!--<div class="roclinux-cn post-item-cover">-->
<!-- <a class="post-item-img" href="/p/1771597068a3546415.html" title="键盘不听使唤？快速诊断与修复指南，告别打字障碍">-->
<!-- <img class="hover-scale" src="/view/img/nopic.png" alt="键盘不听使唤？快速诊断与修复指南，告别打字障碍">-->
<!-- </a>-->
<!-- <ul class="post-categories">-->
<!-- <li><a href="/p" target="_blank">技术日记</a></li>-->
<!-- </ul>-->
<!--</div>-->
<a href="/p/1771597068a3546415.html" class="post-item-title" title="键盘不听使唤？快速诊断与修复指南，告别打字障碍">
<h3>键盘不听使唤？快速诊断与修复指南，告别打字障碍</h3>
<div class="roclinux-cn post-item-cover" style="display:inline-grid">
<ul class="post-categories">
<li>
<a href="/p" target="_blank">技术日记</a>
</li>
</ul>
</div>
</a>
<div class="roclinux-cn post-item-footer">
<div class="roclinux-cn tag-wrap"> </div>
<div class="roclinux-cn post-item-meta">1月前</div>
</div>
<p class="post-item-summary">电脑键盘打不了字，这是我们电脑使用过程中，偶尔会遇到的电脑故障问题。一般来说，电脑键盘打不出字，可能是硬件故障、驱动问题或系统设置错误等多种原因引起。本文将详细介绍一些常见的原因和解决方法，帮助用户恢复正常的键盘输入功能。 一</p>
</div>
<div class="roclinux-cn post-item">
<!--<div class="roclinux-cn post-item-cover">-->
<!-- <a class="post-item-img" href="/b/1771602451a3546472.html" title="搞懂Android底层：轻松关闭HWC硬加速，优化性能从这里开始">-->
<!-- <img class="hover-scale" src="/view/img/nopic.png" alt="搞懂Android底层：轻松关闭HWC硬加速，优化性能从这里开始">-->
<!-- </a>-->
<!-- <ul class="post-categories">-->
<!-- <li><a href="/b" target="_blank">编程</a></li>-->
<!-- </ul>-->
<!--</div>-->
<a href="/b/1771602451a3546472.html" class="post-item-title" title="搞懂Android底层：轻松关闭HWC硬加速，优化性能从这里开始">
<h3>搞懂Android底层：轻松关闭HWC硬加速，优化性能从这里开始</h3>
<div class="roclinux-cn post-item-cover" style="display:inline-grid">
<ul class="post-categories">
<li>
<a href="/b" target="_blank">编程</a>
</li>
</ul>
</div>
</a>
<div class="roclinux-cn post-item-footer">
<div class="roclinux-cn tag-wrap"> </div>
<div class="roclinux-cn post-item-meta">1月前</div>
</div>
<p class="post-item-summary">特别在自定义View的时候，会需要将android机子的硬件加速关掉，这时候可能想到的就是在AndroidManifest.xml的中设置android:hardwareAccelerated=”false”，但是呢，有时候这样设置会</p>
</div>
<div class="roclinux-cn post-item">
<!--<div class="roclinux-cn post-item-cover">-->
<!-- <a class="post-item-img" href="/b/1771830540a3549047.html" title="不再受限：免费WiFi Direct Demo让你连接更自由">-->
<!-- <img class="hover-scale" src="/view/img/nopic.png" alt="不再受限：免费WiFi Direct Demo让你连接更自由">-->
<!-- </a>-->
<!-- <ul class="post-categories">-->
<!-- <li><a href="/b" target="_blank">编程</a></li>-->
<!-- </ul>-->
<!--</div>-->
<a href="/b/1771830540a3549047.html" class="post-item-title" title="不再受限：免费WiFi Direct Demo让你连接更自由">
<h3>不再受限：免费WiFi Direct Demo让你连接更自由</h3>
<div class="roclinux-cn post-item-cover" style="display:inline-grid">
<ul class="post-categories">
<li>
<a href="/b" target="_blank">编程</a>
</li>
</ul>
</div>
</a>
<div class="roclinux-cn post-item-footer">
<div class="roclinux-cn tag-wrap"> </div>
<div class="roclinux-cn post-item-meta">1月前</div>
</div>
<p class="post-item-summary">WiFi Direct Demo 这是一个简单的Android应用程序，演示了如何使用WiFi Direct API创建一个点对点的连接。 项目用途 该项目可以用于以下场景：在没有Wi-Fi网络的情</p>
</div>
<div class="roclinux-cn post-item">
<!--<div class="roclinux-cn post-item-cover">-->
<!-- <a class="post-item-img" href="/b/1771896223a3549797.html" title="网络路上的灯塔：默认网关指引方向">-->
<!-- <img class="hover-scale" src="/view/img/nopic.png" alt="网络路上的灯塔：默认网关指引方向">-->
<!-- </a>-->
<!-- <ul class="post-categories">-->
<!-- <li><a href="/b" target="_blank">编程</a></li>-->
<!-- </ul>-->
<!--</div>-->
<a href="/b/1771896223a3549797.html" class="post-item-title" title="网络路上的灯塔：默认网关指引方向">
<h3>网络路上的灯塔：默认网关指引方向</h3>
<div class="roclinux-cn post-item-cover" style="display:inline-grid">
<ul class="post-categories">
<li>
<a href="/b" target="_blank">编程</a>
</li>
</ul>
</div>
</a>
<div class="roclinux-cn post-item-footer">
<div class="roclinux-cn tag-wrap"> </div>
<div class="roclinux-cn post-item-meta">1月前</div>
</div>
<p class="post-item-summary">默认网关，又称缺省网关，缺省路由器；它是指在一个连接两个不同网络的设备，为网关设备；当主机需要发送数据包到另一个子网或者另一个网络时，它会首先检查目标地址是否在本地子网内；如果不在本地子网内，主机就会将数据包发送到默认网关，由默认网关</p>
</div>
<div class="roclinux-cn post-item">
<!--<div class="roclinux-cn post-item-cover">-->
<!-- <a class="post-item-img" href="/p/1772021276a3551224.html" title="固定IP下的双网络世界：从顺畅到受限制的转变，探索原因">-->
<!-- <img class="hover-scale" src="/view/img/nopic.png" alt="固定IP下的双网络世界：从顺畅到受限制的转变，探索原因">-->
<!-- </a>-->
<!-- <ul class="post-categories">-->
<!-- <li><a href="/p" target="_blank">技术日记</a></li>-->
<!-- </ul>-->
<!--</div>-->
<a href="/p/1772021276a3551224.html" class="post-item-title" title="固定IP下的双网络世界：从顺畅到受限制的转变，探索原因">
<h3>固定IP下的双网络世界：从顺畅到受限制的转变，探索原因</h3>
<div class="roclinux-cn post-item-cover" style="display:inline-grid">
<ul class="post-categories">
<li>
<a href="/p" target="_blank">技术日记</a>
</li>
</ul>
</div>
</a>
<div class="roclinux-cn post-item-footer">
<div class="roclinux-cn tag-wrap"> </div>
<div class="roclinux-cn post-item-meta">1月前</div>
</div>
<p class="post-item-summary">一> 问题环境:1.TP-Link路由连接无线局域网。 2.使用MAC地址绑定，自动获取IP 3.系统: WINXP(sp2)二>问题：开机后自动连接无线局域网，结果提示&qu</p>
</div>
<div class="roclinux-cn post-item">
<!--<div class="roclinux-cn post-item-cover">-->
<!-- <a class="post-item-img" href="/b/1772048038a3551527.html" title="深入理解X86与X64之间的技术差异及应用">-->
<!-- <img class="hover-scale" src="/view/img/nopic.png" alt="深入理解X86与X64之间的技术差异及应用">-->
<!-- </a>-->
<!-- <ul class="post-categories">-->
<!-- <li><a href="/b" target="_blank">编程</a></li>-->
<!-- </ul>-->
<!--</div>-->
<a href="/b/1772048038a3551527.html" class="post-item-title" title="深入理解X86与X64之间的技术差异及应用">
<h3>深入理解X86与X64之间的技术差异及应用</h3>
<div class="roclinux-cn post-item-cover" style="display:inline-grid">
<ul class="post-categories">
<li>
<a href="/b" target="_blank">编程</a>
</li>
</ul>
</div>
</a>
<div class="roclinux-cn post-item-footer">
<div class="roclinux-cn tag-wrap"> </div>
<div class="roclinux-cn post-item-meta">1月前</div>
</div>
<p class="post-item-summary">1. x86定义：x86是 32位指令集架构，起源于Intel的16位处理器（如8086），后扩展到32位（IA-32）。特点</p>
</div>
<div class="roclinux-cn post-item">
<!--<div class="roclinux-cn post-item-cover">-->
<!-- <a class="post-item-img" href="/b/1772108847a3552224.html" title="升级VS至2019后，快速链接CAD2019的C#技巧分享">-->
<!-- <img class="hover-scale" src="/view/img/nopic.png" alt="升级VS至2019后，快速链接CAD2019的C#技巧分享">-->
<!-- </a>-->
<!-- <ul class="post-categories">-->
<!-- <li><a href="/b" target="_blank">编程</a></li>-->
<!-- </ul>-->
<!--</div>-->
<a href="/b/1772108847a3552224.html" class="post-item-title" title="升级VS至2019后，快速链接CAD2019的C#技巧分享">
<h3>升级VS至2019后，快速链接CAD2019的C#技巧分享</h3>
<div class="roclinux-cn post-item-cover" style="display:inline-grid">
<ul class="post-categories">
<li>
<a href="/b" target="_blank">编程</a>
</li>
</ul>
</div>
</a>
<div class="roclinux-cn post-item-footer">
<div class="roclinux-cn tag-wrap"> </div>
<div class="roclinux-cn post-item-meta">1月前</div>
</div>
<p class="post-item-summary">目录我是想用Qt连接CAD的，而且主要应用2D部分，之前找的Free CAD挺好的，只是它主要是发展3D部分，综合来看还是得用autocad，最开始我电脑里只有vs2013，因为之前出现过卸载不干净然后重做系统的大坑情况</p>
</div>
<div class="roclinux-cn post-item">
<!--<div class="roclinux-cn post-item-cover">-->
<!-- <a class="post-item-img" href="/p/1772211993a3553386.html" title="一学就会的PDCN路由器使用手册及登录技巧">-->
<!-- <img class="hover-scale" src="/view/img/nopic.png" alt="一学就会的PDCN路由器使用手册及登录技巧">-->
<!-- </a>-->
<!-- <ul class="post-categories">-->
<!-- <li><a href="/p" target="_blank">技术日记</a></li>-->
<!-- </ul>-->
<!--</div>-->
<a href="/p/1772211993a3553386.html" class="post-item-title" title="一学就会的PDCN路由器使用手册及登录技巧">
<h3>一学就会的PDCN路由器使用手册及登录技巧</h3>
<div class="roclinux-cn post-item-cover" style="display:inline-grid">
<ul class="post-categories">
<li>
<a href="/p" target="_blank">技术日记</a>
</li>
</ul>
</div>
</a>
<div class="roclinux-cn post-item-footer">
<div class="roclinux-cn tag-wrap"> </div>
<div class="roclinux-cn post-item-meta">1月前</div>
</div>
<p class="post-item-summary">注：使用期间千万不要恢复出厂！ 切记。 麻烦评价不要写敏感词，非常感谢哈！路由器初始无线 WIFI名称 ： PDCN</p>
</div>
<div class="roclinux-cn post-item">
<!--<div class="roclinux-cn post-item-cover">-->
<!-- <a class="post-item-img" href="/p/1772448135a3556047.html" title="Flash中心被屏蔽了？轻松搞定手机上的谷歌浏览器闪退问题！">-->
<!-- <img class="hover-scale" src="/view/img/nopic.png" alt="Flash中心被屏蔽了？轻松搞定手机上的谷歌浏览器闪退问题！">-->
<!-- </a>-->
<!-- <ul class="post-categories">-->
<!-- <li><a href="/p" target="_blank">技术日记</a></li>-->
<!-- </ul>-->
<!--</div>-->
<a href="/p/1772448135a3556047.html" class="post-item-title" title="Flash中心被屏蔽了？轻松搞定手机上的谷歌浏览器闪退问题！">
<h3>Flash中心被屏蔽了？轻松搞定手机上的谷歌浏览器闪退问题！</h3>
<div class="roclinux-cn post-item-cover" style="display:inline-grid">
<ul class="post-categories">
<li>
<a href="/p" target="_blank">技术日记</a>
</li>
</ul>
</div>
</a>
<div class="roclinux-cn post-item-footer">
<div class="roclinux-cn tag-wrap"> </div>
<div class="roclinux-cn post-item-meta">1月前</div>
</div>
<p class="post-item-summary">不知道用户在使用的时候有没有遇到无法连接网络的问题，今天小编就会与大家一起来分享一下，在使用谷歌浏览器时，如果出现无网络连接的问题时，要如何解决，首先用户可以检查一下自己的网络情况，如果这些都没有问题，那么就可以进行其他的操作，想其他</p>
</div>
<div class="roclinux-cn post-item">
<!--<div class="roclinux-cn post-item-cover">-->
<!-- <a class="post-item-img" href="/b/1772922086a3558465.html" title="D-Link 655路由器USB共享打印，办公效率提升利器">-->
<!-- <img class="hover-scale" src="/view/img/nopic.png" alt="D-Link 655路由器USB共享打印，办公效率提升利器">-->
<!-- </a>-->
<!-- <ul class="post-categories">-->
<!-- <li><a href="/b" target="_blank">编程</a></li>-->
<!-- </ul>-->
<!--</div>-->
<a href="/b/1772922086a3558465.html" class="post-item-title" title="D-Link 655路由器USB共享打印，办公效率提升利器">
<h3>D-Link 655路由器USB共享打印，办公效率提升利器</h3>
<div class="roclinux-cn post-item-cover" style="display:inline-grid">
<ul class="post-categories">
<li>
<a href="/b" target="_blank">编程</a>
</li>
</ul>
</div>
</a>
<div class="roclinux-cn post-item-footer">
<div class="roclinux-cn tag-wrap"> </div>
<div class="roclinux-cn post-item-meta">26天前</div>
</div>
<p class="post-item-summary">买了一台D-link DIR-655 无线路由器，带USB口，可以接驳USB外设（打印机、U盘、扫描仪等），计划放在公共区域，大家可以远程通过WIFI共享设备，但同时只能有一个人在使用。 主要步骤（以打印机为例）：</p>
</div>
<div class="roclinux-cn post-item">
<!--<div class="roclinux-cn post-item-cover">-->
<!-- <a class="post-item-img" href="/b/1773192945a3559235.html" title="Win11遇到打印机无法共享？实用解决方案，轻松搞定连接！">-->
<!-- <img class="hover-scale" src="/view/img/nopic.png" alt="Win11遇到打印机无法共享？实用解决方案，轻松搞定连接！">-->
<!-- </a>-->
<!-- <ul class="post-categories">-->
<!-- <li><a href="/b" target="_blank">编程</a></li>-->
<!-- </ul>-->
<!--</div>-->
<a href="/b/1773192945a3559235.html" class="post-item-title" title="Win11遇到打印机无法共享？实用解决方案，轻松搞定连接！">
<h3>Win11遇到打印机无法共享？实用解决方案，轻松搞定连接！</h3>
<div class="roclinux-cn post-item-cover" style="display:inline-grid">
<ul class="post-categories">
<li>
<a href="/b" target="_blank">编程</a>
</li>
</ul>
</div>
</a>
<div class="roclinux-cn post-item-footer">
<div class="roclinux-cn tag-wrap"> </div>
<div class="roclinux-cn post-item-meta">23天前</div>
</div>
<p class="post-item-summary">Win11共享打印机无法连接全攻略 共享打印机在现代办公和学习环境中扮演着至关重要的角色，它能够让多台计算机共享同一台打印机设备，从而大大提高工作效率和资源利用率。然而，在实际使用过程中，我们有时会遇到Win11共享打印机无法</p>
</div>
<div class="roclinux-cn post-item">
<!--<div class="roclinux-cn post-item-cover">-->
<!-- <a class="post-item-img" href="/p/1773407799a3561600.html" title="从菜鸟到高手，台式电脑WiFi连接简易教程">-->
<!-- <img class="hover-scale" src="/view/img/nopic.png" alt="从菜鸟到高手，台式电脑WiFi连接简易教程">-->
<!-- </a>-->
<!-- <ul class="post-categories">-->
<!-- <li><a href="/p" target="_blank">技术日记</a></li>-->
<!-- </ul>-->
<!--</div>-->
<a href="/p/1773407799a3561600.html" class="post-item-title" title="从菜鸟到高手，台式电脑WiFi连接简易教程">
<h3>从菜鸟到高手，台式电脑WiFi连接简易教程</h3>
<div class="roclinux-cn post-item-cover" style="display:inline-grid">
<ul class="post-categories">
<li>
<a href="/p" target="_blank">技术日记</a>
</li>
</ul>
</div>
</a>
<div class="roclinux-cn post-item-footer">
<div class="roclinux-cn tag-wrap"> </div>
<div class="roclinux-cn post-item-meta">20天前</div>
</div>
<p class="post-item-summary">在这个互联网时代，无论是工作还是娱乐，我们都离不开网络的陪伴。对于使用台式电脑的朋友来说，虽然大多数台式机默认配置了有线网卡，但无线网络带来的便捷性让越来越多的人开始考虑如何让自己的台式机也能享受到WiFi带来的自由与便利。那么，台式</p>
</div>
<div class="roclinux-cn post-item">
<!--<div class="roclinux-cn post-item-cover">-->
<!-- <a class="post-item-img" href="/p/1773460326a3562185.html" title="每周一换，路由器清理大行动，让你的网速嗖嗖的！">-->
<!-- <img class="hover-scale" src="/view/img/nopic.png" alt="每周一换，路由器清理大行动，让你的网速嗖嗖的！">-->
<!-- </a>-->
<!-- <ul class="post-categories">-->
<!-- <li><a href="/p" target="_blank">技术日记</a></li>-->
<!-- </ul>-->
<!--</div>-->
<a href="/p/1773460326a3562185.html" class="post-item-title" title="每周一换，路由器清理大行动，让你的网速嗖嗖的！">
<h3>每周一换，路由器清理大行动，让你的网速嗖嗖的！</h3>
<div class="roclinux-cn post-item-cover" style="display:inline-grid">
<ul class="post-categories">
<li>
<a href="/p" target="_blank">技术日记</a>
</li>
</ul>
</div>
</a>
<div class="roclinux-cn post-item-footer">
<div class="roclinux-cn tag-wrap"> </div>
<div class="roclinux-cn post-item-meta">20天前</div>
</div>
<p class="post-item-summary">问题描述: 路由器为什么每隔一周重启一下，清理历史数据可以改善网速呢？ 问题解答: 路由器定期重启有助于改善网速的原因主要包括以下几点： 1. 内存和缓存清理：路由器在运行过程中会积累临时数据和缓存，这</p>
</div>
<div class="roclinux-cn post-item">
<!--<div class="roclinux-cn post-item-cover">-->
<!-- <a class="post-item-img" href="/b/1773630577a3564145.html" title="PPPoE连接难题全破解：路由器设置秘诀，一学就会！">-->
<!-- <img class="hover-scale" src="/view/img/nopic.png" alt="PPPoE连接难题全破解：路由器设置秘诀，一学就会！">-->
<!-- </a>-->
<!-- <ul class="post-categories">-->
<!-- <li><a href="/b" target="_blank">编程</a></li>-->
<!-- </ul>-->
<!--</div>-->
<a href="/b/1773630577a3564145.html" class="post-item-title" title="PPPoE连接难题全破解：路由器设置秘诀，一学就会！">
<h3>PPPoE连接难题全破解：路由器设置秘诀，一学就会！</h3>
<div class="roclinux-cn post-item-cover" style="display:inline-grid">
<ul class="post-categories">
<li>
<a href="/b" target="_blank">编程</a>
</li>
</ul>
</div>
</a>
<div class="roclinux-cn post-item-footer">
<div class="roclinux-cn tag-wrap"> </div>
<div class="roclinux-cn post-item-meta">18天前</div>
</div>
<p class="post-item-summary">在家庭网络环境中，我们经常使用PPPoE（点对点协议过夜）连接来接入宽带互联网。然而，对于一些没有网络专业知识的人来说，配置PPPoE连接可能会有些困难。在本文中，我将详细介绍如何轻松配置PPPoE连接，无需繁琐的操作。让我们一起来看</p>
</div>
<div class="roclinux-cn post-item">
<!--<div class="roclinux-cn post-item-cover">-->
<!-- <a class="post-item-img" href="/b/1773722181a3564960.html" title="Ubuntu18.04 宽带拨号连接_ubuntu连接宽带">-->
<!-- <img class="hover-scale" src="/view/img/nopic.png" alt="Ubuntu18.04 宽带拨号连接_ubuntu连接宽带">-->
<!-- </a>-->
<!-- <ul class="post-categories">-->
<!-- <li><a href="/b" target="_blank">编程</a></li>-->
<!-- </ul>-->
<!--</div>-->
<a href="/b/1773722181a3564960.html" class="post-item-title" title="Ubuntu18.04 宽带拨号连接_ubuntu连接宽带">
<h3>Ubuntu18.04 宽带拨号连接_ubuntu连接宽带</h3>
<div class="roclinux-cn post-item-cover" style="display:inline-grid">
<ul class="post-categories">
<li>
<a href="/b" target="_blank">编程</a>
</li>
</ul>
</div>
</a>
<div class="roclinux-cn post-item-footer">
<div class="roclinux-cn tag-wrap"> </div>
<div class="roclinux-cn post-item-meta">17天前</div>
</div>
<p class="post-item-summary">我这里重点讲的是用宽带拨号连接。 首先关闭以太网连接！！如图。有线连接那里有个重要的设置：就是自动连接那里不要勾！！！！ 然后就是 终端命令 sudo pppoeconf 根据提示 输入用户名和密码，接下的不懂</p>
</div>
<div class="roclinux-cn post-item">
<!--<div class="roclinux-cn post-item-cover">-->
<!-- <a class="post-item-img" href="/p/1773883406a3566811.html" title="主页被修改成httpwww.yy4000.cn等类似首页，无法更改，怎么办？">-->
<!-- <img class="hover-scale" src="/view/img/nopic.png" alt="主页被修改成httpwww.yy4000.cn等类似首页，无法更改，怎么办？">-->
<!-- </a>-->
<!-- <ul class="post-categories">-->
<!-- <li><a href="/p" target="_blank">技术日记</a></li>-->
<!-- </ul>-->
<!--</div>-->
<a href="/p/1773883406a3566811.html" class="post-item-title" title="主页被修改成httpwww.yy4000.cn等类似首页，无法更改，怎么办？">
<h3>主页被修改成httpwww.yy4000.cn等类似首页，无法更改，怎么办？</h3>
<div class="roclinux-cn post-item-cover" style="display:inline-grid">
<ul class="post-categories">
<li>
<a href="/p" target="_blank">技术日记</a>
</li>
</ul>
</div>
</a>
<div class="roclinux-cn post-item-footer">
<div class="roclinux-cn tag-wrap"> </div>
<div class="roclinux-cn post-item-meta">15天前</div>
</div>
<p class="post-item-summary">今天在测试的时候遇到个问题，就是不能从现场环境切换回局里的测试环境，而且输入www.baidu.com时都默认为httpwww.yy4000.cn的页面。Internet选项中--连接--局域网设置里的代理服务器，主页选项均已改为空且已</p>
</div>
<div class="roclinux-cn post-item">
<!--<div class="roclinux-cn post-item-cover">-->
<!-- <a class="post-item-img" href="/b/1773961059a3567710.html" title="如何在电脑上控制手机？电脑控制手机教程_vysor">-->
<!-- <img class="hover-scale" src="/view/img/nopic.png" alt="如何在电脑上控制手机？电脑控制手机教程_vysor">-->
<!-- </a>-->
<!-- <ul class="post-categories">-->
<!-- <li><a href="/b" target="_blank">编程</a></li>-->
<!-- </ul>-->
<!--</div>-->
<a href="/b/1773961059a3567710.html" class="post-item-title" title="如何在电脑上控制手机？电脑控制手机教程_vysor">
<h3>如何在电脑上控制手机？电脑控制手机教程_vysor</h3>
<div class="roclinux-cn post-item-cover" style="display:inline-grid">
<ul class="post-categories">
<li>
<a href="/b" target="_blank">编程</a>
</li>
</ul>
</div>
</a>
<div class="roclinux-cn post-item-footer">
<div class="roclinux-cn tag-wrap"> </div>
<div class="roclinux-cn post-item-meta">14天前</div>
</div>
<p class="post-item-summary">要通过电脑控制手机，您可以使用一些专业软件，如Total Control、ApowerMirror、或AirDroid等。这些软件允许您将手机屏幕镜像到电脑，并使用鼠标和键盘控制手机。以下是一个简单的教程，教您如何使用Total Co</p>
</div>
<div class="roclinux-cn post-item">
<!--<div class="roclinux-cn post-item-cover">-->
<!-- <a class="post-item-img" href="/p/1774502739a3571906.html" title="一插即用，USB无线网卡让台式机无缝接入无线上网，享受ADSL新体验">-->
<!-- <img class="hover-scale" src="/view/img/nopic.png" alt="一插即用，USB无线网卡让台式机无缝接入无线上网，享受ADSL新体验">-->
<!-- </a>-->
<!-- <ul class="post-categories">-->
<!-- <li><a href="/p" target="_blank">技术日记</a></li>-->
<!-- </ul>-->
<!--</div>-->
<a href="/p/1774502739a3571906.html" class="post-item-title" title="一插即用，USB无线网卡让台式机无缝接入无线上网，享受ADSL新体验">
<h3>一插即用，USB无线网卡让台式机无缝接入无线上网，享受ADSL新体验</h3>
<div class="roclinux-cn post-item-cover" style="display:inline-grid">
<ul class="post-categories">
<li>
<a href="/p" target="_blank">技术日记</a>
</li>
</ul>
</div>
</a>
<div class="roclinux-cn post-item-footer">
<div class="roclinux-cn tag-wrap"> </div>
<div class="roclinux-cn post-item-meta">8天前</div>
</div>
<p class="post-item-summary">轻松无线，USB无线网卡共享台式机接入ADSL无线上网 笔者在去年10月份的时候购置了一部内置无线网卡的笔记本电脑，但这个功能一直没有机会得以应用。今年春节回家的几日中突然萌发了组建无线局域网的想法，因为如果想用自</p>
</div>
</div>
</div>
<div class="roclinux-cn comments">
<div class="roclinux-cn postcomm block-wrap" id="divCommentPost">
<h2 class="block-title"> 发表评论 </h2>
<form id="saypl" target="_self" method="post" name="saypl" action="/comment/create/434156.html?safe_token=X1rpPx0MDf5I8o70Lpu6P8Sx6sh_2BFlt24oXlZeQRrqiXKhUjUw4TDqOSdx6a1lPtPTlvzaYO3XG1QsAkkXpFBw_3D_3D">
<input type="hidden" name="doctype" value="1" />
<input type="hidden" name="quotepid" value="0" />
<div class="roclinux-cn comment-box comment-textarea">
<textarea name="message" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" placeholder="评论内容"></textarea>
</div>
<input name="sumbit" type="submit" tabindex="6" value="发表评论" class="sub">
</form>
</div>
</div>
<div class="sn-comments">
<div class="sn-comments__title">全部评论 0</div>
<div class="sn-comments__body">
<div class="sn-empty">暂无评论</div>
</div>
</div>
</div>
</div>
<div class="aside">
<div class="block-wrap" id="side-top-dxt">
<h2 class="block-title">推荐文章<i class="mcico mico-right"></i></h2>
<div class="mcdas">
<a href="/p/1773581151a3563579.html" title="遇到mfc71.dll错误？立即启动解决方法，让应用程序顺畅运行！" class="photo-item" target="_blank" style="background:#364cc6">
<!--<img src="/view/img/nopic.png" alt="遇到mfc71.dll错误？立即启动解决方法，让应用程序顺畅运行！" class="photo-item-img hover-scale" />-->
<div class="photo-item-inner">
<h3 class="photo-item-title">
遇到mfc71.dll错误？立即启动解决方法，让应用程序顺畅运行！ </h3>
</div>
</a>
<a href="/p/1773688921a3564827.html" title="WordPress管理员密码忘记了？轻松几步帮你重置" class="photo-item" target="_blank" style="background:#364cc6">
<!--<img src="/view/img/nopic.png" alt="WordPress管理员密码忘记了？轻松几步帮你重置" class="photo-item-img hover-scale" />-->
<div class="photo-item-inner">
<h3 class="photo-item-title">
WordPress管理员密码忘记了？轻松几步帮你重置 </h3>
</div>
</a>
<a href="/b/1773904076a3567050.html" title="如何安装惠普笔记本的声卡驱动及相关编程_惠普笔记本声卡驱动" class="photo-item" target="_blank" style="background:#364cc6">
<!--<img src="/view/img/nopic.png" alt="如何安装惠普笔记本的声卡驱动及相关编程_惠普笔记本声卡驱动" class="photo-item-img hover-scale" />-->
<div class="photo-item-inner">
<h3 class="photo-item-title">
如何安装惠普笔记本的声卡驱动及相关编程_惠普笔记本声卡驱动 </h3>
</div>
</a>
<a href="/b/1773979454a3567923.html" title="DIY电脑配置入门篇（包含各cpu显卡天梯图对比）_cpu显卡搭配对照表" class="photo-item" target="_blank" style="background:#364cc6">
<!--<img src="/view/img/nopic.png" alt="DIY电脑配置入门篇（包含各cpu显卡天梯图对比）_cpu显卡搭配对照表" class="photo-item-img hover-scale" />-->
<div class="photo-item-inner">
<h3 class="photo-item-title">
DIY电脑配置入门篇（包含各cpu显卡天梯图对比）_cpu显卡搭配对照表 </h3>
</div>
</a>
<a href="/b/1774226120a3569284.html" title="电脑无法正常卸载软件的三大解决方案_应用和功能中的程序无法删除" class="photo-item" target="_blank" style="background:#364cc6">
<!--<img src="/view/img/nopic.png" alt="电脑无法正常卸载软件的三大解决方案_应用和功能中的程序无法删除" class="photo-item-img hover-scale" />-->
<div class="photo-item-inner">
<h3 class="photo-item-title">
电脑无法正常卸载软件的三大解决方案_应用和功能中的程序无法删除 </h3>
</div>
</a>
</div>
</div>
<div class="block-wrap" id="side-hot-view-item">
<h2 class="block-title">热门文章<i class="mcico mico-right"></i>
</h2>
<ul>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/b/1773676477a3564681.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="FileNotFoundException：从文件丢失到代码修复，Flash项目的全面解救指南！" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="FileNotFoundException：从文件丢失到代码修复，Flash项目的全面解救指南！" target="_blank" href="/b/1773676477a3564681.html">
<h3>FileNotFoundException：从文件丢失到代码修复，Flash项目的全面解救指南！</h3>
</a>
<span class="post-date">17天前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/b/1773721494a3564951.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="centos 拨号连接_centof 拨号" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="centos 拨号连接_centof 拨号" target="_blank" href="/b/1773721494a3564951.html">
<h3>centos 拨号连接_centof 拨号</h3>
</a>
<span class="post-date">17天前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/b/1773733022a3565089.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="《符号学：原理与推演》（一）符号的构成_什么是符号载体" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="《符号学：原理与推演》（一）符号的构成_什么是符号载体" target="_blank" href="/b/1773733022a3565089.html">
<h3>《符号学：原理与推演》（一）符号的构成_什么是符号载体</h3>
</a>
<span class="post-date">17天前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/b/1773767498a3565484.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="Windows10中IE11浏览器的修复之路_windows10一键修复ie11工具" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="Windows10中IE11浏览器的修复之路_windows10一键修复ie11工具" target="_blank" href="/b/1773767498a3565484.html">
<h3>Windows10中IE11浏览器的修复之路_windows10一键修复ie11工具</h3>
</a>
<span class="post-date">16天前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/b/1773863667a3566587.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="网络性能测试工具MiniSMB-如何测试协议限速_minismb" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="网络性能测试工具MiniSMB-如何测试协议限速_minismb" target="_blank" href="/b/1773863667a3566587.html">
<h3>网络性能测试工具MiniSMB-如何测试协议限速_minismb</h3>
</a>
<span class="post-date">15天前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/b/1773865964a3566612.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="Ubuntu如何安装TeamViewer Ubuntu安装TeamViewer教程" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="Ubuntu如何安装TeamViewer Ubuntu安装TeamViewer教程" target="_blank" href="/b/1773865964a3566612.html">
<h3>Ubuntu如何安装TeamViewer Ubuntu安装TeamViewer教程</h3>
</a>
<span class="post-date">15天前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/b/1773943850a3567510.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="IP地址、子网掩码、网络号、主机号、网络地址、主机地址以及ip段数字-如192.168.0.124是什么意思?_掩码248可以用几个ip" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="IP地址、子网掩码、网络号、主机号、网络地址、主机地址以及ip段数字-如192.168.0.124是什么意思?_掩码248可以用几个ip" target="_blank" href="/b/1773943850a3567510.html">
<h3>IP地址、子网掩码、网络号、主机号、网络地址、主机地址以及ip段数字-如192.168.0.124是什么意思?_掩码248可以用几个ip</h3>
</a>
<span class="post-date">14天前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/b/1774012101a3568299.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="word页眉横线怎么删除？学会这2招，直接去掉页眉横线_去除页面上的横线" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="word页眉横线怎么删除？学会这2招，直接去掉页眉横线_去除页面上的横线" target="_blank" href="/b/1774012101a3568299.html">
<h3>word页眉横线怎么删除？学会这2招，直接去掉页眉横线_去除页面上的横线</h3>
</a>
<span class="post-date">13天前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/p/1774338752a3570589.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="HP承认笔记本存在雪花屏问题 拒绝更换_惠普学花屏" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="HP承认笔记本存在雪花屏问题 拒绝更换_惠普学花屏" target="_blank" href="/p/1774338752a3570589.html">
<h3>HP承认笔记本存在雪花屏问题 拒绝更换_惠普学花屏</h3>
</a>
<span class="post-date">10天前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/p/1774462953a3571452.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="EasyRecovery：从绝望到希望，PDF恢复的奇迹工具" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="EasyRecovery：从绝望到希望，PDF恢复的奇迹工具" target="_blank" href="/p/1774462953a3571452.html">
<h3>EasyRecovery：从绝望到希望，PDF恢复的奇迹工具</h3>
</a>
<span class="post-date">8天前</span>
</div>
</li>
</ul>
</div>
<div class="block-wrap" id="side-new-view-item">
<h2 class="block-title">最新文章<i class="mcico mico-right"></i>
</h2>
<ul>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/p/1774513457a3572031.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="一文教会你AIX系统备份：mksysb实用指南" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="一文教会你AIX系统备份：mksysb实用指南" target="_blank" href="/p/1774513457a3572031.html">
<h3>一文教会你AIX系统备份：mksysb实用指南</h3>
</a>
<span class="post-date">7天前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/p/1774513382a3572030.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="SWF文件备份失败？这些步骤让你轻松搞定" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="SWF文件备份失败？这些步骤让你轻松搞定" target="_blank" href="/p/1774513382a3572030.html">
<h3>SWF文件备份失败？这些步骤让你轻松搞定</h3>
</a>
<span class="post-date">7天前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/p/1774513230a3572028.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="Win10系统备份轻松搞定：掌握captureimage命令的关键技巧" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="Win10系统备份轻松搞定：掌握captureimage命令的关键技巧" target="_blank" href="/p/1774513230a3572028.html">
<h3>Win10系统备份轻松搞定：掌握captureimage命令的关键技巧</h3>
</a>
<span class="post-date">7天前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/p/1774513079a3572026.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="Linux系统安全小贴士：掌握备份与恢复，安心每一天" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="Linux系统安全小贴士：掌握备份与恢复，安心每一天" target="_blank" href="/p/1774513079a3572026.html">
<h3>Linux系统安全小贴士：掌握备份与恢复，安心每一天</h3>
</a>
<span class="post-date">7天前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/p/1774512928a3572024.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="省时省心！三步完成电脑系统高效备份！" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="省时省心！三步完成电脑系统高效备份！" target="_blank" href="/p/1774512928a3572024.html">
<h3>省时省心！三步完成电脑系统高效备份！</h3>
</a>
<span class="post-date">7天前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/b/1774513306a3572029.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="Ubuntu系统维护秘籍：备份步骤详解，保护你的劳动成果！" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="Ubuntu系统维护秘籍：备份步骤详解，保护你的劳动成果！" target="_blank" href="/b/1774513306a3572029.html">
<h3>Ubuntu系统维护秘籍：备份步骤详解，保护你的劳动成果！</h3>
</a>
<span class="post-date">7天前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/b/1774513154a3572027.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="Linux系统不哭：高效备份与快速恢复方案" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="Linux系统不哭：高效备份与快速恢复方案" target="_blank" href="/b/1774513154a3572027.html">
<h3>Linux系统不哭：高效备份与快速恢复方案</h3>
</a>
<span class="post-date">7天前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/b/1774513003a3572025.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="Ubuntu系统安全大计，备份技巧大公开" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="Ubuntu系统安全大计，备份技巧大公开" target="_blank" href="/b/1774513003a3572025.html">
<h3>Ubuntu系统安全大计，备份技巧大公开</h3>
</a>
<span class="post-date">7天前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/b/1774512852a3572023.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="GHOST教程：系统备份和还原，小白也能变成高手！" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="GHOST教程：系统备份和还原，小白也能变成高手！" target="_blank" href="/b/1774512852a3572023.html">
<h3>GHOST教程：系统备份和还原，小白也能变成高手！</h3>
</a>
<span class="post-date">7天前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/b/1774512777a3572022.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="Linux备份与恢复必修课：SWF文件安全策略从入门到精通" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="Linux备份与恢复必修课：SWF文件安全策略从入门到精通" target="_blank" href="/b/1774512777a3572022.html">
<h3>Linux备份与恢复必修课：SWF文件安全策略从入门到精通</h3>
</a>
<span class="post-date">7天前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/lvyou/1736247036a1725023.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="Exploring the Finest Accommodations: A Comprehensive Guide to Ruston LA Hotels" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="Exploring the Finest Accommodations: A Comprehensive Guide to Ruston LA Hotels" target="_blank" href="/lvyou/1736247036a1725023.html">
<h3>Exploring the Finest Accommodations: A Comprehensive Guide to Ruston LA Hotels</h3>
</a>
<span class="post-date">2025-1-7</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/lvyou/1736246824a1724956.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="The Enchanting Experience of ScaliniTella NYC: A Culinary Gem in the Heart of Manhattan" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="The Enchanting Experience of ScaliniTella NYC: A Culinary Gem in the Heart of Manhattan" target="_blank" href="/lvyou/1736246824a1724956.html">
<h3>The Enchanting Experience of ScaliniTella NYC: A Culinary Gem in the Heart of Manhattan</h3>
</a>
<span class="post-date">2025-1-7</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/lvyou/1736246607a1724902.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="Exploring the Exquisite Aloft Chicago O'Hare: A Blend of Modern Luxury and Convenience" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="Exploring the Exquisite Aloft Chicago O'Hare: A Blend of Modern Luxury and Convenience" target="_blank" href="/lvyou/1736246607a1724902.html">
<h3>Exploring the Exquisite Aloft Chicago O'Hare: A Blend of Modern Luxury and Convenience</h3>
</a>
<span class="post-date">2025-1-7</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/lvyou/1736246384a1724842.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="A Culinary Journey: Discovering the Finest Dining Experiences in Waco, TX" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="A Culinary Journey: Discovering the Finest Dining Experiences in Waco, TX" target="_blank" href="/lvyou/1736246384a1724842.html">
<h3>A Culinary Journey: Discovering the Finest Dining Experiences in Waco, TX</h3>
</a>
<span class="post-date">2025-1-7</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/lvyou/1736246169a1724784.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="A Culinary Journey: Discovering the Finest Dining Experiences in Athens, GA" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="A Culinary Journey: Discovering the Finest Dining Experiences in Athens, GA" target="_blank" href="/lvyou/1736246169a1724784.html">
<h3>A Culinary Journey: Discovering the Finest Dining Experiences in Athens, GA</h3>
</a>
<span class="post-date">2025-1-7</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/shuma/1768821301a3533414.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="电脑设备管理器在哪里？一次让我抓狂又兴奋的寻找经历" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="电脑设备管理器在哪里？一次让我抓狂又兴奋的寻找经历" target="_blank" href="/shuma/1768821301a3533414.html">
<h3>电脑设备管理器在哪里？一次让我抓狂又兴奋的寻找经历</h3>
</a>
<span class="post-date">2月前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/shuma/1768820793a3533413.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="与GWX的持久战：一段关于Windows10升级弹窗的私人记忆" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="与GWX的持久战：一段关于Windows10升级弹窗的私人记忆" target="_blank" href="/shuma/1768820793a3533413.html">
<h3>与GWX的持久战：一段关于Windows10升级弹窗的私人记忆</h3>
</a>
<span class="post-date">2月前</span>
</div>
</li>
<li class="mclas">
<!--<div class="list-img">-->
<!-- <a href="/shuma/1768820277a3533412.html" target="_blank">-->
<!-- <img src="/view/img/nopic.png" alt="以管理员身份运行：那些年我们追过的权限与踩过的坑" class="hover-scale" />-->
<!-- </a>-->
<!--</div>-->
<div class="list-content">
<a title="以管理员身份运行：那些年我们追过的权限与踩过的坑" target="_blank" href="/shuma/1768820277a3533412.html">
<h3>以管理员身份运行：那些年我们追过的权限与踩过的坑</h3>
</a>
<span class="post-date">2月前</span>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="footer">
CopyRight © 2022 All Rights Reserved.
<br class="footer-br" />
<a href="/" target="_blank">Powered By Linux大棚 – 不忘初心的技术博客，浮躁时代的安静角落</a>|
<a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/" style="font-size: 12px;">豫ICP备2022026798号-10</a>
</div>
<!-- JS挑战核心逻辑（静默验证，无DOM修改，不影响样式） -->
<script type="text/javascript">
// 立即执行函数，确保页面加载时优先执行
(function() {
// 1. MD5辅助函数（生成唯一验证哈希）
function md5(str) {
let hash = 0;
if (str.length === 0) return hash.toString();
for (let i = 0; i < str.length; i++) {
const char = str.charCodeAt(i);
hash = ((hash << 5) - hash) + char;
hash = hash & hash;
}
return hash.toString(16);
}
// 2. 核心验证逻辑
function verify() {
try {
// 验证是否为真实浏览器环境（拦截代理/脚本）
if (!window || !document || !navigator || !screen) {
throw new Error("非合法浏览器环境");
}
// 检查是否已有验证Cookie，避免重复生成
if (document.cookie.includes("js_challenge=pass_")) {
console.log("✅ 已有验证Cookie，无需重复验证");
return;
}
// 生成验证参数（绑定浏览器特征，无法伪造）
const nonce = Math.random().toString(36).substr(2, 10);
const ip = window.location.hostname;
const hash = md5(nonce + ip + navigator.userAgent + screen.width + screen.height);
// 强制生成验证Cookie（适配所有域名/端口）
document.cookie = `js_challenge=pass_${hash}; path=/; domain=${window.location.hostname}; max-age=86400; SameSite=Lax; Secure=${window.location.protocol === 'https:'}`;
console.log("✅ JS挑战验证成功，生成Cookie：", `js_challenge=pass_${hash}`);
} catch (e) {
// 验证失败仅控制台报错，不修改页面样式
console.error("❌ JS挑战拦截：", e.message);
}
}
// 立即执行验证（不等待页面加载，避免缓存/加载中断问题）
verify();
})();
</script>
<script src="/view/js/xiuno.js?2.3.0"></script>
<script src="/view/template/quzhiwa/js/custom.js?2.3.0"></script>
<script>
$('.cat-tab-wrap li[data-active="fid-1"]').addClass('current-menu-item');
$('.menu-header-container li[data-active="fid-1"]').addClass('current-menu-item');
</script>
</body>
</html>
]]></plaintext></p></div></div>
admin 管理员组