admin 管理员组

文章数量: 1184232

2024年3月5日发(作者：源代码电影笑容)

考试试卷（1卷）

一.单选题（共20题,20.0分）

1、内联元素：请选择产生加粗字体的HTML标签:（）

A、strong

B、hh

C、em

D、hr

正确答案： A

2、下列不属于HTML5表单新增元素的是( ) 。

A、number

B、range

C、email

D、nav

正确答案： D

3、超链接：如果在中包含如下代码,则该HTML文档IE浏览器中打开后,用户单击此链接将( )。小说

A、使页面跳转到同一文件夹下名为“”的HTML文档

B、使页面跳转到同一文件夹下名为“小说.html”的HTML文档

C、使页面跳转到页面，包含名为“novel”的锚记处

D、使页面跳转到同一文件夹下名为“小说.html”的HTML文档中名为“novel”的锚记处

正确答案： C

4、表单：在HTML中,

,method表示( )。

A、提交的方式

B、表单所用的脚本语言

C、提交的URL地址

D、表单的形式

正确答案： A

5、用于控制网页样式并允许样式信息与网页内容分离的技术是（）？

A、HTML

B、CSS

C、JavaScript

D、DIV

正确答案： B

6、下列CSS基本选择器定义中不正确的是（）。

A、h1{color:red;}

B、.title{color:blue;}

C、#top{width:800px;}

D、div{width=800px;}

正确答案： D

7、将样式单独放在一个或多个.css文件中，在HTML文档中使用标记引用样式文件的方式是（）？

A、内联式

B、内嵌式

C、链接式

D、导入式

正确答案： C

8、对于代码：

你好

，运行后显示的“你好”文字是什么颜色（）？

A、蓝色

B、红色

C、黑色

D、不确定

正确答案： B

9、CSS中的盒子模型中不包含下列（）？

A、margin

B、border

C、padding

D、align

正确答案： D

10、如果要使用CSS将文本样式定义为粗体,需要设置（）文本属性。

A、font-family

B、font-style

C、font-weight

D、font-size

正确答案： C

11、下面那个语句是把段落的字体设置为黑体、18像素、红色字体显示( )

。

A、p{font-family:黑体;font-size:18pc; font-color:red}

B、p{font-family:黑体;font-size:18px; font-color:#ff0000}

C、p{font:黑体 18px #00ff00}

D、以上都不对

正确答案： B

12、表示字体大小的单位有很多，下面不属于正确单位的是（

A、px

B、em

C、pt

D、pp

正确答案： D

13、关于样式表的优先级说法不正确的是（）。

A、直接定义在HTML标记上的CSS样式级别比文档样式表高。

B、文档样式表的优先级比外部样式表高。

C、当样式中属性值重复时，先设的属性起作用。

D、样式表的优先级是用来解决样式表冲突的依据。

正确答案： C

14、下列设置颜色值的方法哪种是错误的（）？

A、red

B、#FF00FF

C、rgb(255,0,255)

D、F0F

正确答案： D

。）

15、如果想对一个div块元素的宽度属性设置一个2s的过渡效果,相应的CSS属性应该如何写( )。

A、animation: width 2s;

B、transition: width 2s;

C、transition: 2s width;

D、transition: div width 2s;

正确答案： B

16、正确给文本添加阴影的是( )。

A、box-shadow

B、border

C、margin

D、text-shadow

正确答案： D

17、以下关于相对定位说法正确的是（）。

A、相对定位指的是相对于浏览器窗体的左上角进行位置偏移。

B、相对定位的元素不会脱离标准文档流，所以会影响其它同级元素的定位。

C、相对定位是相对于父级容器进行位置偏移。

D、相对定位是相对于元素自身的位置进行偏移。

正确答案： D

18、在CSS中,下面不属于盒子模型属性的是( )

A、font

B、margin

C、padding

D、border

正确答案： A

19、代码border:5px blue solid表示（）？

A、上边框设置为5像素宽的蓝色单实线

B、右边框设置为5像素宽的蓝色单实线

C、下边框设置为5像素宽的蓝色单实线

D、四个边框设置为5像素宽的蓝色单实线

正确答案： D

20、在CSS中，欲通过伪类为未访问过的链接设置样式（蓝色，无下划线），下列正确的是

（）？

A、link{color:blue;text-decoration:none;}

B、a link{color:blue;text-decoration:none;}

C、a:link{color:blue;text-decoration:none;}

D、vlink{color:blue;text-decoration:none;}

正确答案： C

二.判断题（共10题,10.0分）

1、万维网联盟外文名是Web Three Consortium。

正确答案：错误

2、标签中的文字显示为斜体。

正确答案：错误

3、浏览器对于不同级别的标题标签使用不同的字号。

正确答案：正确

4、HTML中，表示空格的特殊字符是

正确答案：正确

5、相邻兄弟选择器可选择紧接在另一元素后的元素，且二者有相同父元素。

正确答案：正确

6、

标签定义 HTML 表格。

正确答案：正确

7、标签定义超链接，用于从一张页面链接到另一张页面。

正确答案：正确

8、标签可以用于为用户输入创建 HTML 表单。

正确答案：正确

9、将input标记的type属性设置为radio可以生成单选按钮控件，一组单选按钮一次只允许选择其中一个。

正确答案：正确

10、通过 rotateY() 方法，元素围绕其 Y 轴以给定的度数进行旋转。

正确答案：正确
三.程序题（共4题,70.0分）
1、局部布局：（20分）
请实现下图布局，要求：
（1）适当定义图片宽高
（2）不能使用表格布局
（3） “体育”文字和边框颜色均为#00ced1，请适当定义其字号；
（4） “11分钟前”颜色为sliver。

2、CSS3实现下列效果（10分）
请利用圆角矩形实现下图效果，注意：
（1）年代前的图片在附件images文件夹中
（2）矩形底色为浅灰色。

3、完成如图所示的列表（10分）

4、表单（30分）
请完成下图表单效果，要求：
（1）利用表格进行表单布局；
（2）文本框中有图示的输入提示；
（3）对EMAIL的文本框要有校验；
（4）密码框中不能直接显示用户输入的内容；
（5） “获取短信验证码”是按钮控件；
（6） “《百度用户协议》”“百度隐私权保护声明”均为超链接。

考试试卷（2卷）

考试试卷（B卷）
题量：34 满分：100.0 分显示答案
________________________________________
一.单选题（共20题,20.0分）
1、块级元素：下列哪个标记不属于常用的块级标记（）
A、div

B、span

C、ol

D、hr

正确答案： B

2、在 HTML5 中,哪个属性用于规定输入字段是必填的? （）
A、required

B、formvalidate

C、validate

D、placeholder

正确答案： A

3、超链接：想要使用户在单击超链接时,弹出一个新的网页窗口,代码是( )。
A、新闻1

B、新闻2

C、新闻3

D、新闻4

正确答案： A

4、表单：要使单选框或复选框默认为已选定,要在input标签中加( )属性。
A、selected

B、disabled

C、type

D、checked

正确答案： D

5、在下面关于CSS样式的说明,其中（）不是CSS的优势。
A、Web页面样式与结构分离

B、页面下载时间更快

C、轻松创建及编辑

D、使用CSS增加了维护成本

正确答案： D

6、在规则 #intro{color: green;}中，使用的选择器是( )A、标签选择器

B、
元素选择器

C、类选择器

D、ID选择器

正确答案： D

7、下面( )不是正确的样式表附件方式。
A、附加样式表

B、行内样式表

C、文档样式表

D、外部样式表

正确答案： A

8、对于代码：

。

你好
，运行后显示的“你好”文字是什么颜色（）？

A、蓝色

B、红色

C、黑色

D、绿色

正确答案： A

9、盒子的定位不包含下列（）？

A、static（静态定位）

B、dynamic（动态定位）

C、relative（相对定位）

D、absolute（绝对定位）

正确答案： B

10、下列选项中，不属于设置字体大小的相对单位的是（A、px

B、mm

C、em

D、%

正确答案： B

11、（）可以将所有的
标签添加背景颜色。
A、.h1 {background-color:#FFFFFF}
。）

B、h1 {background-color:#FFFFFF;}

C、 {background-color:#FFFFFF}

D、#h1 {background-color:#FFFFFF}

正确答案： B

12、标签
的对齐属性是( )。
A、style

B、text-align

C、angle

D、padding

正确答案： B

13、以下选择器中,优先级最高的是( )。
A、元素选择器

B、ID选择器

C、类选择器

正确答案： B

14、WWW服务器和WWW客户机之间传递信息使用的协议是（A、FTP

B、SMTP

C、HTTP

D、UDP

正确答案： C

15、下列说法错误的是（）
A、transition、transform和animation均是css3属性。
B、transition用来设置过渡效果
）？

C、animation用来设置过渡效果

D、transform用来设置旋转、平移等效果

正确答案： C

16、下列那个属性可以为div元素添加阴影边框( )。
A、border-radius

B、box-shadow

C、border-image

D、border-style

正确答案： B

17、以下代码片断中,属于绝对定位的是( )。

A、#box{width:100px;height:50px;}

B、#box{width:100px;height:50px;position:absolute;}

C、#box{width:100px;height:50px; position:static;}

D、#box{width:100px;height:50px; position:relative;}

正确答案： B

18、对于样式#box{padding:5px 10px;},表示盒子的内边距的值是（
A、上下是5px，左右是10px

B、上右是5px，下左是10px

C、左上是5px，右下是10px

D、上是5px，左是10px

正确答案： A

19、给边框加1px蓝色实线的是( )。
A、border:1px dashed blue
）？

B、padding:1px solid blue

C、border: 1px solid blue

D、padding: 1px dashed blue

正确答案： C

20、在HTML中,通过( )可以实现鼠标悬停在超链接上时,为无下划线的效果。
A、a{text-decoration:underline}

B、a{text-decoration:none}

C、a:hover{text-decoration:none}

D、a:link{text-decoration:underline}

正确答案： C

二.判断题（共10题,10.0分）
1、HTML标记符通常不区分大小写。
正确答案：正确

2、网站就是一个链接的页面集合。
正确答案：正确

3、标题标记hn，n可以取1到6之间的整数，n越小，文字越小。
正确答案：正确

4、HTML的标记ol用于创建无序列表。
正确答案：错误

5、id属性和class属性可以用于大多数HTML标记，两者的用法完全相同。
正确答案：错误

6、在HTML表格中，表格的行数等于TR标记符的个数。
正确答案：正确

7、video是html5中用于插入音频的标记。
正确答案：错误

8、表示表单提交方式的属性是action，它可以取post或get，取post时可以提交大量数据且保密性好。
正确答案：错误

9、将input标记的type属性设置为checkbox可以生成复选框控件，一组复选框允许同时选多个。
正确答案：正确

10、通过 translate() 方法，根据给定的 left（x 坐标）和 top（y 坐标）位置参数，元素从其当前位置移动。
正确答案：正确

三.程序题（共4题,70.0分）
1、局部布局（20分），要求：
（1）适当定义图片宽高
（2）不能使用表格布局
（3）“旅游”文字和边框颜色均为#00ced1，请适当定义其字号；
（4）“11分钟前”颜色为sliver。

2、利用CSS3属性，实现下列效果（10分）
将左图彩色图片设置如右图所示效果。
（1）边框：浅灰色8px直线边框。
（2）适当设置图片的宽高。
（3）将其灰度grayscale设为100%。

3、完成右图所示列表（10分）

4、表单（30分）
请完成下图表单效果，要求：
（1）利用表格进行表单布局；
（2）文本框中有图示的输入提示；
（3）对EMAIL的文本框要有校验；
（4）密码框中不能直接显示用户输入的内容；
（5）“获取手机验证码”是按钮控件；
（6）“《服务条款》”为超链接。

三.程序题（共4题,70.0分）
1、局部布局（20分），要求：
（1）适当定义图片宽高
（2）不能使用表格布局
（3）“旅游”文字和边框颜色均为#00ced1，请适当定义其字号；
（4）“11分钟前”颜色为sliver。

2、利用CSS3属性，实现下列效果（10分）
将左图彩色图片设置如右图所示效果。
（1）边框：浅灰色8px直线边框。
（2）适当设置图片的宽高。
（3）将其灰度grayscale设为100%。

3、完成右图所示列表（10分）

4、表单（30分）
请完成下图表单效果，要求：
（1）利用表格进行表单布局；
（2）文本框中有图示的输入提示；
（3）对EMAIL的文本框要有校验；
（4）密码框中不能直接显示用户输入的内容；
（5）“获取手机验证码”是按钮控件；
（6）“《服务条款》”为超链接。

考试试卷（3卷）
一.单选题（共25题,50.0分）
1、在下列选项中（）选项最符合HTTP代表的含义。
A、高级程序设计语言
B、网域
C、域名
D、超文本传输协议
正确答案： D

2、HTML 指的是（）
A、超文本标记语言(Hyper Text Markup Language)
B、家庭工具标记语言(Home Tool Markup Language)
C、超链接和文本标记语言(Hyperlinks and Text Markup Language)
正确答案： A

3、（）标签用于产生无序列表。
A、dd
B、ol
C、li
D、ul
正确答案： D

4、以下选项中属于行内标签的是( )
A、span
B、p
C、div
D、hr
正确答案： A

5、我们想要在HTML文档中加入图像,可以使用（）标记来达到要求。
A、picture
B、source
C、img
D、pic
正确答案： C

6、我们想要为网页中的文字加上超链接,可以采用（）标记达到要求。
A、 source
B、lj
C、a
D、link
正确答案： C

7、以下选项中,哪个全部都是表格标签?
A、

B、

C、

D、

正确答案： B

8、HTML中哪个可以产生文本框?

A、

B、

C、

D、

正确答案： C

9、下列不属于HTML5表单新增元素的是()

A、number

B、range

C、email

D、nav

正确答案： D

10、HTML5 中,哪个属性用于规定输入字段是必填的?

A、required

B、formvalidate

C、validate

D、placeholder

正确答案： A

11、下列那项技术可以用于帮助网页设计时使页面具有统一、专业的外观?

A、HTML

B、DHTML

C、CSS

D、URL

正确答案： C

12、在HTML文档中,引用外部样式表的正确位置是?

A、文档的末尾

B、部分

C、文档的顶部

D、部分

正确答案： B

13、有一样式表规则:H3 {color : blue ;font-size : 10pt},以下说法正确的是( )

A、H3是选择器

B、blue属性,color是属性值

C、样式表中的冒号(:)可以用 = 替代

D、这个样式表属于类样式表

正确答案： A

14、下列选项中可以用来设置字体大小的是( )

A、font-weight:bold

B、style:bold

C、font:12px

D、font:bold

正确答案： C

15、能够设置文本加粗的样式属性是( )

A、font-weight:bold

B、style:bold

C、font:b

D、fontstyle:bold

正确答案： A

16、CSS通过css的（）属性改变某个元素的文本颜色。

A、text-color

B、color

C、fgcolor

D、text-color=

正确答案： B

17、下列说法正确的是( )。

A、*是通用选择器

B、如果ghgh是id的值,那么将其前景色设为黄色的css规则是#ghgh{background-color:yellow;}

C、如果ghgh是class的值,那么将其前景色设为黄色的css规则是.ghgh{background-color:yellow;}

D、设置h3标签的字号是14px,css规则是#h3{font-size:14px;}

正确答案： A

18、在规则 #intro{color: green;}中，使用的选择器是( )。

A、标签选择器

B、元素选择器

C、类选择器

D、ID选择器

正确答案： D

19、background-repeat,默认效果是( )

A、背景图不平铺

B、背景图横向平铺

C、背景图纵向平铺

D、背景纵向和横向上平铺

正确答案： D

20、下列css语句功能是将前景色设为白色,（）表述是错误的。

A、p { color: #fff; }

B、p { color: white; }

C、p { color: rgb(255,255,255); }

D、p { color:rgb(0,0,0); }

正确答案： D

21、以下哪一项不是WEB前端开发工具?

A、HBuilder

B、DEV C++

C、Sublime text

D、dreamwaver

正确答案： B

22、下列说法不正确的是( ) 。

A、块级元素在浏览器中显示时,都是从新行开始。如段落元素。

B、内联元素在浏览器中显示时,不会创建新行,仍然在文本流中,如加粗元素。

C、块级元素和内联元素可以相互转换。

D、span不是块级元素

正确答案： D

难度:难,理由,c选择的迷惑性较强,display标签可以达到此功能。

23、HTML5 之前的 HTML 版本是?

A、HTML 4.01

B、HTML 4

C、HTML 4.1

D、HTML 4.9

正确答案： A

24、下列不属于html5中语义元素的是()

A、nav

B、section

C、div

D、header

正确答案： C

25、在 HTML5 中,（）属性用于规定输入字段是必填的。

A、required

B、formvalidate

C、validate

D、placeholder

正确答案： A

二.判断题（共10题,20.0分）

1、HTML标记符通常不区分大小写。

正确答案：正确

2、网站就是一个链接的页面集合。

正确答案：正确

3、标题标记hn，n可以取1到6之间的整数，n越小，文字越小。

正确答案：错误

4、HTML的标记ol用于创建无序列表。

正确答案：错误

5、id属性和class属性可以用于大多数HTML标记，两者的用法完全相同。

正确答案：错误

6、HTML中，表示空格的特殊字符是

正确答案：正确

7、在HTML表格中，表格的行数等于TR标记符的个数。

正确答案：正确

8、video是html5中用于插入音频的标记。

正确答案：错误

9、表示表单提交方式的属性是action，它可以取post或get，取post时可以提交大量数据且保密性好。

正确答案：错误

10、将input标记的type属性设置为checkbox可以生成复选框控件，一组复选框允许同时选多个。

正确答案：正确

三.简答题（共2题,30.0分）

1、你对浏览器了解吗？说出你常用的浏览器，并比较一下各自的优缺点。（3-5种浏览器）

2、同学们应该浏览过不少网站了，谈谈你最喜爱的网站并说明理由。

例如，我喜爱使用淘宝，因为

1) 该网站是国内最大的销售型网站，……。

2) 设计合理，浏览方便……

3) 付款方便，安全性高，……。

考试试卷（4卷）

选择题（每题2分，共20分）

1．在下列的 HTML 中，哪个可以产生超链接？（）

A．

B．W3School

C．

D．

2．

中的TR意义？（） A. 行 B. 列 C. 单元格之间间隔大小 D. 表格宽度 3．下面哪个不是FORM的元素？（） A. frame B. Input C. textarea D. select 4. 下面哪个标签可以将外部样式表文件链入到HTML文档中。（） A. B. C. D. 5．下列哪一项表示的不是按钮。（） A．type="submit" B．type="reset" C．type="image" D．type="button" 6．如果一个表格包括有1行4列，表格的总宽度为“699”，间距为“5”，填充为“0”，边框为“3”，每列的宽度相同，那么应将单元格定制为多少像素宽。（） A．126 B．136 C．147 D．167 7.下列哪一项是在新窗口中打开网页文档。（） A．_self B．_blank C．_top D．_parent 样式表不可能实现（）功能。 A.将格式和结构分离 B．一个CSS文件控制多个网页 C. 控制图片的精确位置 D．兼容所有的浏览器 9.常用的网页图像格式有（）和（）。，tiff B．tiff，jpg C．gif，jpg D．tiff，png 10. 在HTML中，标记的作用是（）。 A.标题标记 B．预排版标记 C.转行标记 D．文字效果标记二．问答题（每题6分，共30分） 1. CSS中margin和padding的区别是什么？ 2.将一个div定位到body的左上角，CSS代码是？ 3. 在HTML文档中使用CSS样式的方式有哪些? 4.表单的action属性可以取GET和POST，请问两者之间的区别是什么？ 5. 请解释css sprites，其作用是什么？三．程序题（共50分） 1.请利用html完成图1所示的表格，利用CSS设置表格背景色为#CCC，字体宋体，字号14px，居中对齐。（10分）图1 程序题1效果 2.请利用html、css完成图文混排，图片名为，与网页文件在同一目录下，效果如图2所示。图2 程序题2效果 3.请利用html、css完成图3页面布局，其中（20分）（1）header宽度充满页面，高度自定；（2）left部分占页面30%；（3）nav1……nav4为导航，当鼠标悬浮时：下划线，背景黄色，前景红色；（4）footer宽度充满页面，高度自定；图3程序题3效果 4.用HTML标记语言实现个人注册信息表单，使其运行结果如图4所示：（其中职业选项包括学生、职员、经理）（10分）图4 程序题4效果 …………………装…………………………订…………………………线…………………………………………考试试卷（5卷）一、选择题（每题2分，共20分） 1、目前在Internet上应用最为广泛的服务是（） A．FTP服务 B．WWW服务 C．Telnet服务 D．Gopher服务 2、在域名系统中，域名采用（） A．树型命名机制 B．星型命名机制 C．层次型命名机制 D．网状型命名机制 3、HTTP协议是一种（） A．文件传输协议 B．远程登录协议 C．邮件协议 D．超文本传输协议 4、HTML语言中的换行标记是（） A． B． C． D．<p> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>5、.在HTML中，标题字体标记<hx>中x的最大取值是（） </p><p style="text-indent: 2em;";>A．4 B．5 C．6 D．7 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>6、以下不能用来定义表格内容的标记为（） </p><p style="text-indent: 2em;";>A．</p><p style="text-indent: 2em;";> B．<tr> C．<th> D．<td> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>7、下面不是组成一个HTML文件基本结构标记的是（） </p><p style="text-indent: 2em;";>A．<html> </html> B．<head> </head> </p><p style="text-indent: 2em;";>C．<form> </form> D．<body> </body> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>8、加入一条水平线的HTML代码是（） </p><p style="text-indent: 2em;";>A． <hr> B． </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>C． D． <input type="text"> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>9、在HTML中，标记<pre>的作用是（） </p><p style="text-indent: 2em;";>A．标题标记 B．预排版标记 </p><p style="text-indent: 2em;";>C．转行标记 D．文字效果标记 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>10、构成Web站点的最基本的单位是（） </p><p style="text-indent: 2em;";>A．网站 B．主页 C．网页 D．文字 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>二．问答题（每题6分，共30分） </p><p style="text-indent: 2em;";>1. 简述HTML、CSS在网页制作中各自的作用。 </p><p style="text-indent: 2em;";>2. 简述内联元素和块级元素的区别。 </p><p style="text-indent: 2em;";>3. 简述Web工作原理。 </p><p style="text-indent: 2em;";>4. 经过一学期的学习，你认为如何建设一个好的网站？ </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>5．什么是HTML？简述HTML文档的基本结构。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>三．编程题（共50分） </p><p style="text-indent: 2em;";>1. 利用HTML和CSS实现下图所示网页。（20分） </p><p style="text-indent: 2em;";>HTML要求： </p><p style="text-indent: 2em;";> 用div标签实现网页所示内容 </p><p style="text-indent: 2em;";>CSS要求： </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;";>字号：20 对齐：居中 </p><p style="text-indent: 2em;";>上边距：40px </p><p style="text-indent: 2em;";>盒子一： </p><p style="text-indent: 2em;";>背景：红色 </p><p style="text-indent: 2em;";>宽度：60% 高度80px </p><p style="text-indent: 2em;";>边框：宽度1px，黑色，实线 </p><p style="text-indent: 2em;";>浮动方式：居左 </p><p style="text-indent: 2em;";>盒子二： </p><p style="text-indent: 2em;";>背景：红色 </p><p style="text-indent: 2em;";>宽度35% 高度80px </p><p style="text-indent: 2em;";>边框：宽度1px，黑色，实线 </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;";>2、编写样式规则，实现鼠标移到div上时，其形状由方形变为圆形。div的宽高均是100px，背景为蓝色，变化时间为3秒。（10分） </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>3、在页面中插入一个表格，用于放置两幅人物图片和他们的名字，编写样式规则实现如下图所示的效果。（20分） </p><p style="text-indent: 2em;";>（1）页面背景颜色为#ccc，字号为16px，行距为1.2倍； </p><p style="text-indent: 2em;";>（2）图片宽97px，高137px； </p><p style="text-indent: 2em;";>（3）表格宽214px，具有蓝色、1px的实线边框，单元格具有1px的黑色虚线框，表格内的文本居中，表格的外边距是10px。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p></div><br><p><h2></h2></p>  <p class="tag"> 本文标签： <a style="margin-right: 10px" href="/tag/579.html" target="_blank">标记</a> <a style="margin-right: 10px" href="/tag/428094.html" target="_blank">元素</a> <a style="margin-right: 10px" href="/tag/205.html" target="_blank">设置</a> <a style="margin-right: 10px" href="/tag/735.html" target="_blank">表格</a> <a style="margin-right: 10px" href="/tag/232.html" target="_blank">属性</a> </p> <div class="roclinux-cn copyright"> <blockquote> <p> 版权声明：本文标题：HTML5考试试卷内容由网友自发贡献，该文观点仅代表作者本人，转载请联系作者并注明出处：<a href="http://www.roclinux.cn/b/1709651429a542789.html">http://www.roclinux.cn/b/1709651429a542789.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">         <a href="/b/1772608850a3557289.html" class="post-item-title" title="优化Pagefile.sys设置：打造流畅运行的电脑体验"> <h3>优化Pagefile.sys设置：打造流畅运行的电脑体验</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">定义：在安装过程中创建的虚拟内存页面文件（名为“pagefile.sys”）特性：这个文件的大小是自己系统虚拟内存设置的最小值的大小。假如虚拟内存的设置为800MB－1600MB 那么你在自己的设定驱动盘下面就可看到大小为800</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1772608926a3557290.html" class="post-item-title" title="CSDN内部教程：深入浅出Pagefile.sys的优化方法"> <h3>CSDN内部教程：深入浅出Pagefile.sys的优化方法</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">该文件通常位于操作系统安装盘的根目录，一般有几个G的大小，它是虚拟内存页面文件（这里不解释虚拟内存），该文件通常不允许删除，它的大小是可以改变的，通过设置虚拟内存的大小来改变。也可以让它位于其它磁盘，如果不设置虚拟内存则没有该文件。</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1772640761a3557662.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">         <a href="/b/1772661746a3557902.html" class="post-item-title" title="SWF的秘密：深度解析Flash动画制作"> <h3>SWF的秘密：深度解析Flash动画制作</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">制面板大全在程序运行过程中启动控制面板的各个设置功能：var x:cardinal;begin{启动控制面板}x:=winexec('rundll32.exe shell32.dll,Con</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1772664278a3557929.html" class="post-item-title" title="Windows10用户指南：如何简单设置，禁用U盘自动播放"> <h3>Windows10用户指南：如何简单设置，禁用U盘自动播放</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">在使用Windows10系统的电脑中插入插入光盘或者U盘时，默认是自动播放的，这样会引入一些可能不安全的因素。因此，为了系统安全，有必要禁止光驱、U盘等自动播放。具体方法如下：方法一：通过设置页面关闭第1步：单击w</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1772666450a3557954.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">1月前</div> </div> <p class="post-item-summary">WiFi已连接但无法上网，这是一些用户在使用无线网络时常遇到的问题。一般来说，WiFi已连接但是没有网，主要是跟软件、配置、网络设置等相关。当WiFi已连接但无法上网时，可以尝试以下步骤来解决问题：一、检查网络连接状态</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1773204666a3559372.html" class="post-item-title" title="C#与文件属性：操作指南与实践指南"> <h3>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">24天前</div> </div> <p class="post-item-summary">简介：C#作为流行的编程语言，广泛应用于Windows应用、Web应用和游戏开发等领域。本文档“C# 文档操作FileProperties”深入探讨了如何在C#中处理文件属性，包括基本文件属性的读取、修改和创建，以及如何操作文件的元数</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1773205432a3559382.html" class="post-item-title" title="掌握文件属性：让你的SWF文件更强大"> <h3>掌握文件属性：让你的SWF文件更强大</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">24天前</div> </div> <p class="post-item-summary">简介：本教程着重介绍如何查看和修改计算机操作系统中的文件属性，包括隐藏、只读、系统和存档等标志。文件属性对于控制文件可见性、可编辑性以及与其他系统组件的交互至关重要。通过本教程，用户可以学习如何有效地管理和保护自己的文件，例如设置文件</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1773206587a3559397.html" class="post-item-title" title="解锁C#中的文件属性之谜：操作方法与应用场景"> <h3>解锁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">24天前</div> </div> <p class="post-item-summary">简介：C#作为流行的编程语言，广泛应用于Windows应用、Web应用和游戏开发等领域。本文档“C# 文档操作FileProperties”深入探讨了如何在C#中处理文件属性，包括基本文件属性的读取、修改和创建，以及如何操作文件的元数</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1773212901a3559467.html" class="post-item-title" title="Windows隐藏文件恢复指南：找回你的文件大行动"> <h3>Windows隐藏文件恢复指南：找回你的文件大行动</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">24天前</div> </div> <p class="post-item-summary">显示隐藏文件的方法打开文件资源管理器，点击顶部菜单栏的“查看”选项。在“显示隐藏”区域勾选“隐藏的项目”。此时所有隐藏文件和文件夹会以半透明图标显示，可直接访问或操作。通过文件夹选项恢复在文件资源管理器</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1773541455a3563118.html" class="post-item-title" title="IEXPLORE主页被更改，Adobe Flash Player导致？这样做恢复它！"> <h3>IEXPLORE主页被更改，Adobe Flash Player导致？这样做恢复它！</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">20天前</div> </div> <p class="post-item-summary">假如你的首页被修改后是1.打开internet属性，把首页改回。2.右键点击快速启动栏上的IE图标，选择属性，将"C:Program FilesInternet Exploreriexplore.e</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1774216259a3569170.html" class="post-item-title" title="电脑没有声音怎么办？5种方法恢复声音_电脑突然没声音了如何恢复正常"> <h3>电脑没有声音怎么办？5种方法恢复声音_电脑突然没声音了如何恢复正常</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">12天前</div> </div> <p class="post-item-summary">电脑“没有声音”是许多用户在播放声音过程中可能会遇到的问题。当电脑突然“静音”而找不到原因时，确实令人头疼。那么，为什么？又该如何快速恢复？本文将为你提供一份详细而实用的快速解决指南。一、电脑没声音原因分析在</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1774250849a3569570.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">11天前</div> </div> <p class="post-item-summary">新的头戴式耳机，麦克风输入有问题，说话没声音问题描述跟公司申请了一个头戴式耳机，每周一开周会用解决方法 1.计算机打开“设置”，找到左上角的“系统”3.点击“管理声音设备”，将“输入</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1774293098a3570063.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">11天前</div> </div> <p class="post-item-summary">电脑|属性|高级|性能项的设置|自定义|在桌面上为图标标签使用阴影|打上勾|如果不行，再在桌面空白处右击|排列图标|在桌面上锁定web项目|把勾去掉可以尝试以下4种方法：1.右击“我的电脑”，依次</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1774293327a3570066.html" class="post-item-title" title="Windows XP 桌面图标阴影设置"> <h3>Windows XP 桌面图标阴影设置</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">11天前</div> </div> <p class="post-item-summary">以前版本的Windows在用自定义桌面的时候，图标的文字下面都有阴影（就是你的桌面颜色），影响了桌面的视觉效果。原来只能借助其他软件解决，但是性能不稳定，又占用系统资源。Windows XP帮你解决了这个问题！只要你打开电脑属性——先用</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1774317729a3570346.html" class="post-item-title" title="win7笔记本电脑设置WiFi热点_win7笔记本做wifi热点"> <h3>win7笔记本电脑设置WiFi热点_win7笔记本做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">11天前</div> </div> <p class="post-item-summary">一般情况下，我们是利用路由器设置WiFi热点，但是如果没有路由器，而有网线，我们可以利用笔记本电脑来设置WiFi热点，这里介绍如何通过笔记本电脑连接网线设置WiFi热点。笔记本电脑设置WiFi热点，需要明确两点： 1、电脑必须</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1774358022a3570813.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">10天前</div> </div> <p class="post-item-summary">DNS设置示范教程部分地区有使用移动网络的小伙伴们吐槽无法访问部分网站的情况，同样的网站，使用电信和联通的用户就能正常访问。这其实有很大几率是由于运营商的网络问题导致的，容易出现网站打不开的结果。 DNS</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1774366373a3570908.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">10天前</div> </div> <p class="post-item-summary">简介：电脑屏幕的蓝光对眼睛有害，可以设置电脑护眼模式减轻视觉疲劳。Windows和Mac用户可以利用各自的系统功能调整色温，使用第三方软件如f.lux和Night Eye辅助调整。编程人员还可通过选择合适的编辑器主题来保护视力。综合调</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1774489787a3571758.html" class="post-item-title" title="192.168.1.1的神奇世界：家庭网络中的私有地址"> <h3>192.168.1.1的神奇世界：家庭网络中的私有地址</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">9天前</div> </div> <p class="post-item-summary">虽然前面小编也发布过关于的相关信息,但是都是解释相关的问题的,没有好好介绍关于的信息,今天小编星期八就给大家介绍一下的详细信息! 是什么? 192.168.0.1属于IP地址的</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1774507449a3571957.html" class="post-item-title" title="如何利用192.168.1.1优化你的家庭网络体验"> <h3>如何利用192.168.1.1优化你的家庭网络体验</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">9天前</div> </div> <p class="post-item-summary">虽然前面小编也发布过关于的相关信息,但是都是解释相关的问题的,没有好好介绍关于的信息,今天小编星期八就给大家介绍一下的详细信息! 是什么? 192.168.0.1属于IP地址的</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/542789.html?safe_token=Jxyr_2FD_2FfKR2h7MvPOxRqKACvhO2JXTreQHoA69bJAVUhMYCVGcQ0pPAxXqBmF5aDg6jcNgFX3GSFRqnoX7n2rQ_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="/b/1773668333a3564592.html" title="学会这个技巧，Windows的自动关机任务交给CMD命令来做！" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> 学会这个技巧，Windows的自动关机任务交给CMD命令来做！ </h3> </div> </a> <a href="/p/1773714553a3564891.html" title="CDA Properties揭秘：打造高效的消息CDA调试" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> CDA Properties揭秘：打造高效的消息CDA调试 </h3> </div> </a> <a href="/b/1773792297a3565770.html" title="怎样去除桌面图标下的底色[XP系统]_在注册表里怎么去xp桌面快捷键的颜色" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> 怎样去除桌面图标下的底色[XP系统]_在注册表里怎么去xp桌面快捷键的颜色 </h3> </div> </a> <a href="/p/1774329730a3570482.html" title="电脑隐藏的文件夹怎么找出来？4招快速显示_电脑隐藏文件怎么显示" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> 电脑隐藏的文件夹怎么找出来？4招快速显示_电脑隐藏文件怎么显示 </h3> </div> </a> <a href="/b/1774505812a3571941.html" title="QQ浏览器更新设置混乱？一键解决自动更新困扰！" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> QQ浏览器更新设置混乱？一键解决自动更新困扰！ </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-content"> <a title="C++高手必备：SWF文件删除技巧，Adobe Flash Player中的神秘操作" target="_blank" href="/p/1773590577a3563688.html"> <h3>C++高手必备：SWF文件删除技巧，Adobe Flash Player中的神秘操作</h3> </a> <span class="post-date">19天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="硬盘一死，文件全没？一招教你数据恢复！" target="_blank" href="/p/1773596261a3563754.html"> <h3>硬盘一死，文件全没？一招教你数据恢复！</h3> </a> <span class="post-date">19天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="AKStream启动失败：了解并解决端口10000占用的问题" target="_blank" href="/b/1773691441a3564856.html"> <h3>AKStream启动失败：了解并解决端口10000占用的问题</h3> </a> <span class="post-date">18天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="链接下的符号解析规则和符号表_有符号的解析方式" target="_blank" href="/p/1773733250a3565092.html"> <h3>链接下的符号解析规则和符号表_有符号的解析方式</h3> </a> <span class="post-date">17天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="笔记本只能指纹打开，密码忘记的解决办法_win10用指纹登录后,忘记登录密码怎么办" target="_blank" href="/p/1773810821a3565977.html"> <h3>笔记本只能指纹打开，密码忘记的解决办法_win10用指纹登录后,忘记登录密码怎么办</h3> </a> <span class="post-date">17天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Linux修改IP地址和网关_linux临时改网关" target="_blank" href="/b/1773830946a3566211.html"> <h3>Linux修改IP地址和网关_linux临时改网关</h3> </a> <span class="post-date">16天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Word控件Spire.Doc 【文本框】教程(2)：如何在C#中从word文档中删除文本框_c#清除文本框" target="_blank" href="/b/1773873195a3566695.html"> <h3>Word控件Spire.Doc 【文本框】教程(2)：如何在C#中从word文档中删除文本框_c#清除文本框</h3> </a> <span class="post-date">16天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="文件或目录损坏且无法读取：数据恢复的实战指南_文件或目录损坏且无法读取cdsn" target="_blank" href="/p/1773896577a3566964.html"> <h3>文件或目录损坏且无法读取：数据恢复的实战指南_文件或目录损坏且无法读取cdsn</h3> </a> <span class="post-date">16天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="梦幻西游脚本编程实战教程" target="_blank" href="/b/1774398768a3571283.html"> <h3>梦幻西游脚本编程实战教程</h3> </a> <span class="post-date">10天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="WiFi共享精灵，让你的台式电脑也能共享网络" target="_blank" href="/p/1774477109a3571608.html"> <h3>WiFi共享精灵，让你的台式电脑也能共享网络</h3> </a> <span class="post-date">9天前</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-content"> <a title="一文教会你AIX系统备份：mksysb实用指南" target="_blank" href="/p/1774513457a3572031.html"> <h3>一文教会你AIX系统备份：mksysb实用指南</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="SWF文件备份失败？这些步骤让你轻松搞定" target="_blank" href="/p/1774513382a3572030.html"> <h3>SWF文件备份失败？这些步骤让你轻松搞定</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Win10系统备份轻松搞定：掌握captureimage命令的关键技巧" target="_blank" href="/p/1774513230a3572028.html"> <h3>Win10系统备份轻松搞定：掌握captureimage命令的关键技巧</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Linux系统安全小贴士：掌握备份与恢复，安心每一天" target="_blank" href="/p/1774513079a3572026.html"> <h3>Linux系统安全小贴士：掌握备份与恢复，安心每一天</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="省时省心！三步完成电脑系统高效备份！" target="_blank" href="/p/1774512928a3572024.html"> <h3>省时省心！三步完成电脑系统高效备份！</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Ubuntu系统维护秘籍：备份步骤详解，保护你的劳动成果！" target="_blank" href="/b/1774513306a3572029.html"> <h3>Ubuntu系统维护秘籍：备份步骤详解，保护你的劳动成果！</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Linux系统不哭：高效备份与快速恢复方案" target="_blank" href="/b/1774513154a3572027.html"> <h3>Linux系统不哭：高效备份与快速恢复方案</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Ubuntu系统安全大计，备份技巧大公开" target="_blank" href="/b/1774513003a3572025.html"> <h3>Ubuntu系统安全大计，备份技巧大公开</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="GHOST教程：系统备份和还原，小白也能变成高手！" target="_blank" href="/b/1774512852a3572023.html"> <h3>GHOST教程：系统备份和还原，小白也能变成高手！</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Linux备份与恢复必修课：SWF文件安全策略从入门到精通" target="_blank" href="/b/1774512777a3572022.html"> <h3>Linux备份与恢复必修课：SWF文件安全策略从入门到精通</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <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-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-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-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-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-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-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-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>  <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-4"]').addClass('current-menu-item'); $('.menu-header-container li[data-active="fid-4"]').addClass('current-menu-item'); </script> </body> </html>