答案： D

105、下面哪一项不是网页中常用的列表（ ）

A、 无序列表

B、 有序列表

C、 排序列表

D、 定义列表

答案： C

106、下面不属于“表单”作用的是（ ）

A、

是网页上用于输入信息的区域

），再设

）。

B、

它的主要功能是收集用户信息

C、 将信息传递给后台服务器，实现网页与用户的沟通

D、 收集管理员信息

答案： D

107、下列哪项不属于一个完整的表单所包含的信息是（ ）

A、 表单控件

B、 提示信息

C、 表格

D、 表单域

答案： C

108、内嵌式是将css代码应用在_____标记集中写在_____头部标记中。（）

A、 link body

B、 link head

C、 style head

D、 style body

答案： C

109、overflow属性的auto值和scroll值都能使元素产生滚动条，请简述两者有什么区别？

答案：

110、下列哪项是使用CSS不可以控制表单控件的有( )

A、 字体

B、 边框

C、 动画

D、 内边距

答案： C

111、下列选项中，用来定义下拉列表的是( )

A、

B、

C、

D、

答案： A

112、下列选项中，属于标记的必须属性的是( ) </p><p style="text-indent: 2em;";>A、 size </p><p style="text-indent: 2em;";>B、 row </p><p style="text-indent: 2em;";>C、 value </p><p style="text-indent: 2em;";>D、 cols </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>113、标签指定式选择器又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，以下合法的标签指定式选择器有（） </p><p style="text-indent: 2em;";>A、 l </p><p style="text-indent: 2em;";>B、 p #one </p><p style="text-indent: 2em;";>C、 h1 #one </p><p style="text-indent: 2em;";>D、 p .special </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>114、标记选择器、类选择器和ID选择器中，哪种选择器的优先级最高？ </p><p style="text-indent: 2em;";>A、 标记选择器 </p><p style="text-indent: 2em;";>B、 类选择器 </p><p style="text-indent: 2em;";>C、 ID选择器 </p><p style="text-indent: 2em;";>D、 以上都不是 </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>115、Internet起源于（ ）。 </p><p style="text-indent: 2em;";>A、 美国 </p><p style="text-indent: 2em;";>B、 英国 </p><p style="text-indent: 2em;";>C、 德国 </p><p style="text-indent: 2em;";>D、 澳大利亚 </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>116、关于Internet的概念叙述错误的是（ ）。 </p><p style="text-indent: 2em;";>A、 Internet即国际互连网络 </p><p style="text-indent: 2em;";>B、 Internet具有网络资源共享的特点 </p><p style="text-indent: 2em;";>C、 在中国称为因特网 </p><p style="text-indent: 2em;";>D、 Internet是局域网的一种 </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>117、万维网WWW以（ ）方式提供世界范围的多媒体信息服务。 </p><p style="text-indent: 2em;";>A、 文本 </p><p style="text-indent: 2em;";>B、 信息 </p><p style="text-indent: 2em;";>C、 超文本 </p><p style="text-indent: 2em;";>D、 声音 </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>118、在Internet中“WWW”的中文名称是（ ）。 </p><p style="text-indent: 2em;";>A、 广域网 </p><p style="text-indent: 2em;";>B、 局域网 </p><p style="text-indent: 2em;";>C、 企业网 </p><p style="text-indent: 2em;";>D、 万维网 </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>119、网站是有多张网页组成的，请问正确吗？ </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>120、网页包括静态网页和动态网页，请问正确吗？ </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>121、HTML（英文Hyper Tex Markup Language）的中文名是（ ）。 </p><p style="text-indent: 2em;";>A、 超连接 </p><p style="text-indent: 2em;";>B、 超文本 </p><p style="text-indent: 2em;";>C、 超文本传输协议 </p><p style="text-indent: 2em;";>D、 超文本标记语言 </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>122、HTML标记可以对（ ）网页元素进行描述。 </p><p style="text-indent: 2em;";>A、 文本 </p><p style="text-indent: 2em;";>B、 图片 </p><p style="text-indent: 2em;";>C、 动画 </p><p style="text-indent: 2em;";>D、 音频 </p><p style="text-indent: 2em;";>E、 视频 </p><p style="text-indent: 2em;";>答案： ABCDE </p><p style="text-indent: 2em;";>123、以下方式哪个能实现将段落设置为居中对齐？（） </p><p style="text-indent: 2em;";>A、 <h1 align=”center”>网页设计学院</h1> </p><p style="text-indent: 2em;";>B、 <h1 align=”left”>网页设计学院</h1> </p><p style="text-indent: 2em;";>C、 <p align=”center”>网页设计学院</p> </p><p style="text-indent: 2em;";>D、 < p align=”left”>网页设计学院</p> </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>124、以下哪个特殊字符能实现空白字符的显示效果？ </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>A、 & </p><p style="text-indent: 2em;";>B、 > </p><p style="text-indent: 2em;";>C、   </p><p style="text-indent: 2em;";>D、 < </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>125、在内边距属性中，下面（）项代表的是左内边距属性？ </p><p style="text-indent: 2em;";>A、 padding-top </p><p style="text-indent: 2em;";>B、 padding-right </p><p style="text-indent: 2em;";>C、 padding-bottom </p><p style="text-indent: 2em;";>D、 padding-left </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>126、在外边距属性中，下面（）项代表的是上外边距属性？ </p><p style="text-indent: 2em;";>A、 margin -top </p><p style="text-indent: 2em;";>B、 margin -right </p><p style="text-indent: 2em;";>C、 margin -bottom </p><p style="text-indent: 2em;";>D、 margin –left </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>127、（ ）代码可以使块级元素居中。 </p><p style="text-indent: 2em;";>A、 padding:0 auto; </p><p style="text-indent: 2em;";>B、 margin:0 auto; </p><p style="text-indent: 2em;";>C、 padding: auto 0; </p><p style="text-indent: 2em;";>D、 margin: auto 0; </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>128、设置text-decoration属性的删除线的值为（ ） </p><p style="text-indent: 2em;";>A、 underline </p><p style="text-indent: 2em;";>B、 overline </p><p style="text-indent: 2em;";>C、 line-through </p><p style="text-indent: 2em;";>D、 blink </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>129、下列选项中，用于清除超链接默认的下划线的是（ </p><p style="text-indent: 2em;";>A、 text-decoration:none </p><p style="text-indent: 2em;";>B、 </p><p style="text-indent: 2em;";>text-decoration: underline </p><p style="text-indent: 2em;";>C、 text-decoration:overline </p><p style="text-indent: 2em;";>D、 text-decoration:line-through </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>130、请问（）不属性块级元素的特点？ </p><p style="text-indent: 2em;";>A、 默认情况下会独占一行或多行 </p><p style="text-indent: 2em;";>B、 可以对其设置宽度、高度、对齐属性 </p><p style="text-indent: 2em;";>C、 常用于网页布局和网页结构的搭建 </p><p style="text-indent: 2em;";>D、 不可以对其设置宽度、高度、对齐属性 </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>131、作业二：兴趣与职业兴趣的关系 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>P22—24 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>132、 </p><p style="text-indent: 2em;";>作业三:1、什么是性格？ </p><p style="text-indent: 2em;";> 2、什么是MBTI理论。 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>作业三:1、什么是性格？P33 </p><p style="text-indent: 2em;";> 2、什么是MBTI理论。P33—34 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>） </p><p style="text-indent: 2em;";>133、 </p><p style="text-indent: 2em;";>作业四:1、什么是能力。 </p><p style="text-indent: 2em;";> 2、能力的分类。 </p><p style="text-indent: 2em;";> 3、可迁移技能。 </p><p style="text-indent: 2em;";> 4、管理技能。 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>作业四:1、什么是能力。P50 </p><p style="text-indent: 2em;";> 2、能力的分类。P51-52 </p><p style="text-indent: 2em;";> 3、可迁移技能。P58 </p><p style="text-indent: 2em;";> 4、管理技能。P59 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>134、作业五 :1、什么是价值观？P63 </p><p style="text-indent: 2em;";> 2、价值观与职业的关系如何？P65-67 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>作业五 :1、什么是价值观？P63 </p><p style="text-indent: 2em;";> 2、价值观与职业的关系如何？P65-67 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>135、当用定义列表dl标记定义新闻模块时，dt标记用于（A、 标识词条 </p><p style="text-indent: 2em;";>B、 标识解释 </p><p style="text-indent: 2em;";>C、 表示列表元素 </p><p style="text-indent: 2em;";>D、 表示父级元素 </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>136、当用定义列表dd标记定义新闻模块时，dt标记用于（A、 标识词条 </p><p style="text-indent: 2em;";>B、 标识解释 </p><p style="text-indent: 2em;";>C、 表示列表元素 </p><p style="text-indent: 2em;";>D、 表示父级元素 </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>137、南京条约的主要内容 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>138、Internet起源于（ ）。 </p><p style="text-indent: 2em;";>A、 美国 </p><p style="text-indent: 2em;";>B、 英国 </p><p style="text-indent: 2em;";>C、 德国 </p><p style="text-indent: 2em;";>D、 澳大利亚 </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>139、关于Internet的概念叙述错误的是（ ）。 </p><p style="text-indent: 2em;";>A、 Internet即国际互连网络 </p><p style="text-indent: 2em;";> ）。 </p><p style="text-indent: 2em;";> ）。 </p><p style="text-indent: 2em;";>B、 Internet具有网络资源共享的特点 </p><p style="text-indent: 2em;";>C、 在中国称为因特网 </p><p style="text-indent: 2em;";>D、 Internet是局域网的一种 </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>140、万维网WWW以（ ）方式提供世界范围的多媒体信息服务。 </p><p style="text-indent: 2em;";>A、 文本 </p><p style="text-indent: 2em;";>B、 信息 </p><p style="text-indent: 2em;";>C、 超文本 </p><p style="text-indent: 2em;";>D、 声音 </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>141、在Internet中“WWW”的中文名称是（ ）。 </p><p style="text-indent: 2em;";>A、 广域网 </p><p style="text-indent: 2em;";>B、 局域网 </p><p style="text-indent: 2em;";>C、 企业网 </p><p style="text-indent: 2em;";>D、 万维网 </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>142、我们一般所用的工作区布局方式是（ ）。 </p><p style="text-indent: 2em;";>A、 经典 </p><p style="text-indent: 2em;";>B、 设计器 </p><p style="text-indent: 2em;";>C、 流体布局 </p><p style="text-indent: 2em;";>D、 编码器 </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>143、主浏览器预览网页的快捷键是（ ）。 </p><p style="text-indent: 2em;";>A、 F12 </p><p style="text-indent: 2em;";>B、 Ctrl+F12 </p><p style="text-indent: 2em;";>C、 F10 </p><p style="text-indent: 2em;";>D、 F11 </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>144、次浏览器预览网页的快捷键是（ ）。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>A、 F12 </p><p style="text-indent: 2em;";>B、 Ctrl+F12 </p><p style="text-indent: 2em;";>C、 F10 </p><p style="text-indent: 2em;";>D、 F11 </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>145、下列（ ）工具经常用来设计并制作网页？ </p><p style="text-indent: 2em;";>A、 Editplus </p><p style="text-indent: 2em;";>B、 notepad++ </p><p style="text-indent: 2em;";>C、 sublime </p><p style="text-indent: 2em;";>D、 Dreamweaver </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>146、中国将高举（ ）的旗帜，恪守维护世界和平、促进共同发展的外交政策宗旨。 </p><p style="text-indent: 2em;";>A、 </p><p style="text-indent: 2em;";>和平、发展、共商、共赢 </p><p style="text-indent: 2em;";>B、 </p><p style="text-indent: 2em;";>和平、发展、合作、共赢 </p><p style="text-indent: 2em;";>C、 </p><p style="text-indent: 2em;";>独立、自主、和平、共享 </p><p style="text-indent: 2em;";>D、 </p><p style="text-indent: 2em;";>独立、发展、进步、互赢 </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>147、互联网络上的服务都是基于一种协议，WWW服务基于（ ）协议。 </p><p style="text-indent: 2em;";>A、 SMIP </p><p style="text-indent: 2em;";>B、 HTTP </p><p style="text-indent: 2em;";>C、 SNMP </p><p style="text-indent: 2em;";>D、 TELNET </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>148、网址字符的开头的“http”表示（ ）。 </p><p style="text-indent: 2em;";>A、 高级程序设计语言 </p><p style="text-indent: 2em;";>B、 域名 </p><p style="text-indent: 2em;";>C、 超文本传输协议 </p><p style="text-indent: 2em;";>D、 网址 </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>149、在Web网页中指向其他网页的“指针”称之为（ ）。 </p><p style="text-indent: 2em;";>A、 超链接 </p><p style="text-indent: 2em;";>B、 超文本 </p><p style="text-indent: 2em;";>C、 超媒体 </p><p style="text-indent: 2em;";>D、 多媒体 </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>150、W3C（英文World Wide Web Consortium的缩写），中文译为“万维网联盟”是（ </p><p style="text-indent: 2em;";>A、 国际最著名的标准化组织 </p><p style="text-indent: 2em;";>B、 欧洲计算机制造商协会 </p><p style="text-indent: 2em;";>C、 中国计算机行业协会 </p><p style="text-indent: 2em;";>D、 中国计算机学会 </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>151、Web标准并不是某一个标准，而是一系列标准的集合，主要包括（ ）。 </p><p style="text-indent: 2em;";>A、 结构标准 </p><p style="text-indent: 2em;";>B、 表现标准 </p><p style="text-indent: 2em;";> ）。 </p><p style="text-indent: 2em;";>C、 行为标准 </p><p style="text-indent: 2em;";>D、 制作标准 </p><p style="text-indent: 2em;";>答案： ABC </p><p style="text-indent: 2em;";>152、常用的浏览器有（ ）。 </p><p style="text-indent: 2em;";>A、 IE浏览器 </p><p style="text-indent: 2em;";>B、 火狐浏览器 </p><p style="text-indent: 2em;";>C、 谷歌浏览器 </p><p style="text-indent: 2em;";>D、 百度浏览器 </p><p style="text-indent: 2em;";>答案： ABCD </p><p style="text-indent: 2em;";>153、（ ）是基于IE内核的浏览器。 </p><p style="text-indent: 2em;";>A、 360浏览器 </p><p style="text-indent: 2em;";>B、 搜狗浏览器 </p><p style="text-indent: 2em;";>C、 遨游浏览器 </p><p style="text-indent: 2em;";>D、 谷歌浏览器 </p><p style="text-indent: 2em;";>答案： ABC </p><p style="text-indent: 2em;";>154、目前互联网上的三大浏览器是（ ）。 </p><p style="text-indent: 2em;";>A、 IE浏览器 </p><p style="text-indent: 2em;";>B、 火狐浏览器 </p><p style="text-indent: 2em;";>C、 谷歌浏览器 </p><p style="text-indent: 2em;";>D、 百度浏览器 </p><p style="text-indent: 2em;";>答案： ABC </p><p style="text-indent: 2em;";>155、Internet起源于（ ）。 </p><p style="text-indent: 2em;";>A、 美国 </p><p style="text-indent: 2em;";>B、 英国 </p><p style="text-indent: 2em;";>C、 德国 </p><p style="text-indent: 2em;";>D、 澳大利亚 </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>156、关于Internet的概念叙述错误的是（ ）。 </p><p style="text-indent: 2em;";>A、 Internet即国际互连网络 </p><p style="text-indent: 2em;";>B、 Internet具有网络资源共享的特点 </p><p style="text-indent: 2em;";>C、 在中国称为因特网 </p><p style="text-indent: 2em;";>D、 Internet是局域网的一种 </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>157、万维网WWW以（ ）方式提供世界范围的多媒体信息服务。 </p><p style="text-indent: 2em;";>A、 文本 </p><p style="text-indent: 2em;";>B、 信息 </p><p style="text-indent: 2em;";>C、 超文本 </p><p style="text-indent: 2em;";>D、 声音 </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>158、在Internet中“WWW”的中文名称是（ ）。 </p><p style="text-indent: 2em;";>A、 广域网 </p><p style="text-indent: 2em;";>B、 局域网 </p><p style="text-indent: 2em;";>C、 企业网 </p><p style="text-indent: 2em;";>D、 万维网 </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>159、URL 称为（ ）。 </p><p style="text-indent: 2em;";>A、 统一资源定位符 </p><p style="text-indent: 2em;";>B、 客户机 </p><p style="text-indent: 2em;";>C、 网络服务商 </p><p style="text-indent: 2em;";>D、 远程访问 </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>160、URL格式中，协议名与主机名间用（ ）符隔开。 </p><p style="text-indent: 2em;";>A、 / </p><p style="text-indent: 2em;";>B、 // </p><p style="text-indent: 2em;";>C、 ＠ </p><p style="text-indent: 2em;";>D、 ● </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>161、IP地址是一串难以记忆的数字，人们用域名来代替它，完成IP地址和域名之间转换工作的是（A、 DNS </p><p style="text-indent: 2em;";>B、 URL </p><p style="text-indent: 2em;";>C、 UNIX </p><p style="text-indent: 2em;";>D、 ISDN </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>162、在Web网页中指向其他网页的‘指针“称之为（ ）。 </p><p style="text-indent: 2em;";>A、 超链接 </p><p style="text-indent: 2em;";>B、 超文本 </p><p style="text-indent: 2em;";>C、 超媒体 </p><p style="text-indent: 2em;";>D、 多媒体 </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>163、内嵌式是将css代码应用在_____标记集中写在_____头部标记中。（） </p><p style="text-indent: 2em;";>A、 link body </p><p style="text-indent: 2em;";>B、 link head </p><p style="text-indent: 2em;";>C、 style head </p><p style="text-indent: 2em;";>D、 style body </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>164、下列属于css基础选择器的有（） </p><p style="text-indent: 2em;";>A、 标记选择器 </p><p style="text-indent: 2em;";>B、 类选择器 </p><p style="text-indent: 2em;";> ）服务器。 </p><p style="text-indent: 2em;";>C、 ID选择器 </p><p style="text-indent: 2em;";>D、 通配符选择器 </p><p style="text-indent: 2em;";>答案： ABCD </p><p style="text-indent: 2em;";>165、链入式是将所有的样式放一个或多个以css为扩展名的外部样式表文件中，通过____标记将外部样式表文件链接到html文档中。其次_____属性用来设置css文件的路径。 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>link；href </p><p style="text-indent: 2em;";>； </p><p style="text-indent: 2em;";>166、行内式对其所在的标记及嵌套在其中的____起作用。 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>子标记 </p><p style="text-indent: 2em;";>； </p><p style="text-indent: 2em;";>167、css样式中的选择器严格区分大小。（） </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>168、以下哪个不是链入式样式中所使用的link标记的属性? </p><p style="text-indent: 2em;";>A、 href </p><p style="text-indent: 2em;";>B、 content </p><p style="text-indent: 2em;";>C、 type </p><p style="text-indent: 2em;";>D、 rel </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>169、导入式和链入式完全相同，都是针对外部样式表文件的。 </p><p style="text-indent: 2em;";>答案： 错误 </p><p style="text-indent: 2em;";>170、以下哪个不是标记选择器？ </p><p style="text-indent: 2em;";>A、 body </p><p style="text-indent: 2em;";>B、 p </p><p style="text-indent: 2em;";>C、 strong </p><p style="text-indent: 2em;";>D、 .red </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>171、应用类选择器时，多个标记可以使用一个类名，可以的实现为不同类型的标记指定相同的样式。 </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>172、设置文本为字号36px，字体为黑体的正确方式是（） </p><p style="text-indent: 2em;";>A、 font-size:36px;font-face:”黑体” </p><p style="text-indent: 2em;";>B、 size:36px;font-family:”黑体” </p><p style="text-indent: 2em;";>C、 size:36px;font-face:”黑体” </p><p style="text-indent: 2em;";>D、 font-size:36px;font-family:”黑体” </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>173、color属性用于定义文本的颜色，其正确取值有以下哪些方式（） </p><p style="text-indent: 2em;";>A、 red </p><p style="text-indent: 2em;";>B、 #FF0000 </p><p style="text-indent: 2em;";>C、 rgb(255,0,0) </p><p style="text-indent: 2em;";>D、 rgb(100%,0%,0%) </p><p style="text-indent: 2em;";>答案： ABCD </p><p style="text-indent: 2em;";>174、line-height属性用于设置行间距，以下哪个不是合法的属性值单位（） </p><p style="text-indent: 2em;";>A、 px </p><p style="text-indent: 2em;";>B、 em </p><p style="text-indent: 2em;";>C、 cm </p><p style="text-indent: 2em;";>D、 % </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>175、标签指定式选择器又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，以下合法的标签指定式选择器有（） </p><p style="text-indent: 2em;";>A、 l </p><p style="text-indent: 2em;";>B、 p #one </p><p style="text-indent: 2em;";>C、 h1 #one </p><p style="text-indent: 2em;";>D、 p .special </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>176、在页面中，有2个标题h2、h3和3个段落，它们的字号和颜色都为30px和红色，可以进行如下样式设置：h2,h3,p{font-size:30px; </p><p style="text-indent: 2em;";>color:red;}，对么？ </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>177、标记选择器、类选择器和ID选择器中，哪种选择器的优先级最高？ </p><p style="text-indent: 2em;";>A、 标记选择器 </p><p style="text-indent: 2em;";>B、 类选择器 </p><p style="text-indent: 2em;";>C、 ID选择器 </p><p style="text-indent: 2em;";>D、 以上都不是 </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>178、你会在DW中设置代码提示吗？ </p><p style="text-indent: 2em;";>A、 会 </p><p style="text-indent: 2em;";>B、 不会 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>179、你会用DW CS6新建一个站点吗？ </p><p style="text-indent: 2em;";>A、 会 </p><p style="text-indent: 2em;";>B、 不会 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>180、你能新建一个简单的的页面吗？ </p><p style="text-indent: 2em;";>A、 能 </p><p style="text-indent: 2em;";>B、 不能 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>181、盒子中的内容与边框的距离称为内边距,用()表示? </p><p style="text-indent: 2em;";>A、 padding </p><p style="text-indent: 2em;";>B、 margin </p><p style="text-indent: 2em;";>C、 border </p><p style="text-indent: 2em;";>D、 content </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>182、盒子与盒子之间的距离称为外边距，用（）表示？ </p><p style="text-indent: 2em;";>A、 padding </p><p style="text-indent: 2em;";>B、 margin </p><p style="text-indent: 2em;";>C、 border </p><p style="text-indent: 2em;";>D、 content </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>183、盒子模型拥有内边距、边框、外边距、宽和高这些基本属性，但是并不要求每个元素都必须定义这些属性。这句话是对还是错？ </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>184、下面（ ）属性代表边框是点线？ </p><p style="text-indent: 2em;";>A、 solid </p><p style="text-indent: 2em;";>B、 dashed </p><p style="text-indent: 2em;";>C、 dotted </p><p style="text-indent: 2em;";>D、 double </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>185、下面（ ）属性代表边框是虚线？ </p><p style="text-indent: 2em;";>A、 solid </p><p style="text-indent: 2em;";>B、 dashed </p><p style="text-indent: 2em;";>C、 dotted </p><p style="text-indent: 2em;";>D、 double </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>186、下面（ ）属性代表边框是双实线？ </p><p style="text-indent: 2em;";>A、 solid </p><p style="text-indent: 2em;";>B、 dashed </p><p style="text-indent: 2em;";>C、 dotted </p><p style="text-indent: 2em;";>D、 double </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>187、下面（ ）属性代表边框是单实线？ </p><p style="text-indent: 2em;";>A、 solid </p><p style="text-indent: 2em;";>B、 dashed </p><p style="text-indent: 2em;";>C、 dotted </p><p style="text-indent: 2em;";>D、 double </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>188、请问设置盒子边框上实线、左右点线、下虚线的代码是（ ） </p><p style="text-indent: 2em;";>A、 border-style:solid dotted dashed; </p><p style="text-indent: 2em;";>B、 </p><p style="text-indent: 2em;";>border-style:solid dashed dotted; </p><p style="text-indent: 2em;";>C、 border-style:dotted solid dashed; </p><p style="text-indent: 2em;";>D、 border-style:dotted dashed solid; </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>189、请问设置盒子边框为实线、边框宽度为10像素、边框颜色为红色的代码（ ）。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>A、 border:red 10px solid; </p><p style="text-indent: 2em;";>B、 border: 10px red solid; </p><p style="text-indent: 2em;";>C、 border: 10px solid #F00; </p><p style="text-indent: 2em;";>D、 border: 10px #F00 solid; </p><p style="text-indent: 2em;";>答案： ABCD </p><p style="text-indent: 2em;";>190、在内边距属性中，下面（）项代表的是左内边距属性？ </p><p style="text-indent: 2em;";>A、 padding-top </p><p style="text-indent: 2em;";>B、 padding-right </p><p style="text-indent: 2em;";>C、 padding-bottom </p><p style="text-indent: 2em;";>D、 padding-left </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>191、在外边距属性中，下面（）项代表的是上外边距属性？ </p><p style="text-indent: 2em;";>A、 margin -top </p><p style="text-indent: 2em;";>B、 margin -right </p><p style="text-indent: 2em;";>C、 margin -bottom </p><p style="text-indent: 2em;";>D、 margin –left </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>192、（ ）代码可以使块级元素居中。 </p><p style="text-indent: 2em;";>A、 padding:0 auto; </p><p style="text-indent: 2em;";>B、 margin:0 auto; </p><p style="text-indent: 2em;";>C、 padding: auto 0; </p><p style="text-indent: 2em;";>D、 margin: auto 0; </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>193、（ ）代码可以清除元素的默认内外边距。 </p><p style="text-indent: 2em;";>A、 padding:0;margin:0; </p><p style="text-indent: 2em;";>B、 padding:0px;margin:0px; </p><p style="text-indent: 2em;";>C、 margin:0 auto; </p><p style="text-indent: 2em;";>D、 margin: auto 0; </p><p style="text-indent: 2em;";>答案： AB </p><p style="text-indent: 2em;";>194、引入CSS样式的方式有四种，（）方式在设计与制作网页过程中使用频率最高？ </p><p style="text-indent: 2em;";>A、 行内式 </p><p style="text-indent: 2em;";>B、 内嵌式 </p><p style="text-indent: 2em;";>C、 链入式 </p><p style="text-indent: 2em;";>D、 导入式 </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>195、（）引入CSS样式的方式优先级最高？ </p><p style="text-indent: 2em;";>A、 行内式 </p><p style="text-indent: 2em;";>B、 内嵌式 </p><p style="text-indent: 2em;";>C、 链入式 </p><p style="text-indent: 2em;";>D、 导入式 </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>196、利用CSS对同一个网页元素进行控制时，属性与属性书写的先后顺序不会影响对网页元素的控制，请问是对还是错？ </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>197、链入式最大的好处是同一个CSS样式表可以被不同的HMTL页面链接使用，请问是对还是错？ </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>198、类选择器是以（）进行标识？ </p><p style="text-indent: 2em;";>A、 . </p><p style="text-indent: 2em;";>B、 # </p><p style="text-indent: 2em;";>C、 & </p><p style="text-indent: 2em;";>D、 $ </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>199、id选择器是以（）进行标识？ </p><p style="text-indent: 2em;";>A、 . </p><p style="text-indent: 2em;";>B、 # </p><p style="text-indent: 2em;";>C、 & </p><p style="text-indent: 2em;";>D、 $ </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>200、CSS基础选择器包括（）？ </p><p style="text-indent: 2em;";>A、 标记选择器 </p><p style="text-indent: 2em;";>B、 类选择器 </p><p style="text-indent: 2em;";>C、 id选择器 </p><p style="text-indent: 2em;";>D、 通配符选择器“*” </p><p style="text-indent: 2em;";>答案： ABCD </p><p style="text-indent: 2em;";>201、通配符选择器“*”是四种选择器中作用范围最广的，能匹配页面中所有的元素，通常使用通配符选择器“*”来清除所有HTML标记的默认内外边距，请问是对还是错？ </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>202、使用通配符选择器“*”来清除所有HTML标记的默认内外边距的代码是（）？ </p><p style="text-indent: 2em;";>A、 * {padding:0; margin:0;} </p><p style="text-indent: 2em;";>B、 * {padding:0px; margin:0px;} </p><p style="text-indent: 2em;";>C、 * {padding-top:0; margin:0;} </p><p style="text-indent: 2em;";>D、 * {padding:0; margin-top:0;} </p><p style="text-indent: 2em;";>答案： AB </p><p style="text-indent: 2em;";>203、在HTML标记中，利用style属性也可以为其添加CSS样式，请问是对还是错？ </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>204、利用CSS样式控制文本的字体属性是（）？ </p><p style="text-indent: 2em;";>A、 font-size </p><p style="text-indent: 2em;";>B、 font-family </p><p style="text-indent: 2em;";>C、 font-weight </p><p style="text-indent: 2em;";>D、 font-style </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>205、利用CSS样式控制字体风格的属性是（）？ </p><p style="text-indent: 2em;";>A、 font-size </p><p style="text-indent: 2em;";>B、 font-family </p><p style="text-indent: 2em;";>C、 font-weight </p><p style="text-indent: 2em;";>D、 font-style </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>206、font-weight属性用于定义字体的粗细，（）属性值定义的是粗体字符？ </p><p style="text-indent: 2em;";>A、 normal </p><p style="text-indent: 2em;";>B、 bold </p><p style="text-indent: 2em;";>C、 bolder </p><p style="text-indent: 2em;";>D、 lighter </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>207、font-weight属性用于定义字体的粗细，（）属性值定义标准的字符？ </p><p style="text-indent: 2em;";>A、 normal </p><p style="text-indent: 2em;";>B、 bold </p><p style="text-indent: 2em;";>C、 bolder </p><p style="text-indent: 2em;";>D、 lighter </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>208、font-style属性用于定义字体风格，（）属性值用于定义字体斜体样式？ </p><p style="text-indent: 2em;";>A、 normal </p><p style="text-indent: 2em;";>B、 italic </p><p style="text-indent: 2em;";>C、 oblique </p><p style="text-indent: 2em;";>D、 无 </p><p style="text-indent: 2em;";>答案： BC </p><p style="text-indent: 2em;";>209、line-height属性用于设置行间距，当为单行文本时，可以利用line-height与height相等来设置文本垂直居中，请问对吗？ </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>210、text-decoration用于设置文本的下划线、上划线、删除线等装饰效果，请问下列（）属于text-decoration的属性值？ </p><p style="text-indent: 2em;";>A、 none </p><p style="text-indent: 2em;";>B、 underline </p><p style="text-indent: 2em;";>C、 overline </p><p style="text-indent: 2em;";>D、 line-through </p><p style="text-indent: 2em;";>答案： ABCD </p><p style="text-indent: 2em;";>211、请问下列（）属性用于给文本加下划线？ </p><p style="text-indent: 2em;";>A、 none </p><p style="text-indent: 2em;";>B、 underline </p><p style="text-indent: 2em;";>C、 overline </p><p style="text-indent: 2em;";>D、 line-through </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>212、text-align属性用于设置文本内容的水平对齐，（）属性用于设置文本水平居中对齐？ </p><p style="text-indent: 2em;";>A、 left </p><p style="text-indent: 2em;";>B、 right </p><p style="text-indent: 2em;";>C、 center </p><p style="text-indent: 2em;";>D、 bottom </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>213、text-align属性仅适用于块状元素，对行内元素无效，请问是对还是错？ </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>214、一个网站通常由多个页面构成，如果想从首页跳转到其他页面，就需要怎么做呢？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>215、你能够使用这些标记来修饰网页吗？ </p><p style="text-indent: 2em;";>A、 能 </p><p style="text-indent: 2em;";>B、 不能 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>216、你能够用这些标记来修饰网页吗？ </p><p style="text-indent: 2em;";>A、 能 </p><p style="text-indent: 2em;";>B、 不能 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>217、请看下图中，红线框内所使用的是哪种引用方式？所用的选择器是什么？实现的效果是什么？ </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>218、请看下图中，红线框内所使用的是哪种引用方式？所用的选择器是什么？实现的效果是什么？ </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>219、给网页创建了链接伪类后，能给页面带来什么样的效果？如果是用链接的默认效果，又是给用户什么样的体验度？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>220、手机与盒子边框的距离填充了泡沫，这个泡沫的厚度指的是盒子结构模型中的哪个元素？（margin，padding）。 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>221、在个引入CSS样式表时，那种方式比较常用？ </p><p style="text-indent: 2em;";>A、 行内式 </p><p style="text-indent: 2em;";>B、 内嵌式 </p><p style="text-indent: 2em;";>C、 链入式 </p><p style="text-indent: 2em;";>D、 导入式 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>222、在个引入CSS样式表时，那种方式比较常用？ </p><p style="text-indent: 2em;";>A、 行内式 </p><p style="text-indent: 2em;";>B、 内嵌式 </p><p style="text-indent: 2em;";>C、 链入式 </p><p style="text-indent: 2em;";>D、 导入式 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>223、设置盒子边框样式为单实线有哪段代码（border-style:solid;、border-style:dashed;）？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>224、标记选择器、类选择器、ID选择器，请问这三种选择器中哪种选择器的优先级最高？在什么情况下才需要考虑优先级？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>225、大家平时在 PC 端和移动端一般都是用什么浏览器？ </p><p style="text-indent: 2em;";>A、 IE 浏览器 </p><p style="text-indent: 2em;";>B、 火狐浏览器 Firefox </p><p style="text-indent: 2em;";>C、 谷歌浏览器 google </p><p style="text-indent: 2em;";>D、 UC 浏览器 </p><p style="text-indent: 2em;";>E、 360 浏览器 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>226、大家最喜欢登录的网站是哪个？为什么喜欢？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>227、HTML 文本控制标记又分为标题和段落标记、文本样式标记、文本 格式化标记及特殊字符标记？ </p><p style="text-indent: 2em;";>A、 是 </p><p style="text-indent: 2em;";>B、 不是 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>228、你知道 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>是显示什么效果？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>229、在网页中使用图像是不是越多越好？ </p><p style="text-indent: 2em;";>A、 是 </p><p style="text-indent: 2em;";>B、 不是 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>230、手机与盒子边框的距离填充了泡沫，这个泡沫的厚度指的是盒子结构模型中的哪个元素？ </p><p style="text-indent: 2em;";>A、 margin </p><p style="text-indent: 2em;";>B、 padding </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>231、下列（）属于CSS复合选择的类型？ </p><p style="text-indent: 2em;";>A、 标签指定式选择器 </p><p style="text-indent: 2em;";>B、 后代选择器 </p><p style="text-indent: 2em;";>C、 并集选择器 </p><p style="text-indent: 2em;";>D、 标记选择器 </p><p style="text-indent: 2em;";>答案： ABC </p><p style="text-indent: 2em;";>232、标签指定式选择器又称为交集选择器，下列（）属于CSS标签指定式选择器？ </p><p style="text-indent: 2em;";>A、 l </p><p style="text-indent: 2em;";>B、 div .three（中间有一个空格） </p><p style="text-indent: 2em;";>C、 h2 #two（中间有一个空格） </p><p style="text-indent: 2em;";>D、 h1#one </p><p style="text-indent: 2em;";>答案： AD </p><p style="text-indent: 2em;";>233、后代选择器中的两个或多个选择器之间是有空格隔开？ </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>234、下列（）属于并集选择器？ </p><p style="text-indent: 2em;";>A、 h2,h3,p { color:red; font-size:14px; } </p><p style="text-indent: 2em;";>B、 h2:h3:p { color:red; font-size:14px; } </p><p style="text-indent: 2em;";>C、 h3;.special;#one { text-decoration:underline; } </p><p style="text-indent: 2em;";>D、 h3,.special,#one { text-decoration:underline; } </p><p style="text-indent: 2em;";>答案： AD </p><p style="text-indent: 2em;";>235、（）代码可以设置段落首行缩进2个字符？ </p><p style="text-indent: 2em;";>A、 text-indent:2字符; </p><p style="text-indent: 2em;";>B、 text-indent:20px; </p><p style="text-indent: 2em;";>C、 text-indent:2px; </p><p style="text-indent: 2em;";>D、 text-indent:2em; </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>236、text-indent属性仅适用于块状元素，对行内元素无效，请问是对还是错？ </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>237、标签指定式选择器是由两个选择器构成的，其中第一个选择器为（）？ </p><p style="text-indent: 2em;";>A、 类选择器 </p><p style="text-indent: 2em;";>B、 ID选择器 </p><p style="text-indent: 2em;";>C、 标签选择器 </p><p style="text-indent: 2em;";>D、 任意选择器 </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>238、标签指定式选择器是由两个选择器构成的，其中第二个选择器可以为（）？ </p><p style="text-indent: 2em;";>A、 类选择器 </p><p style="text-indent: 2em;";>B、 ID选择器 </p><p style="text-indent: 2em;";>C、 标签选择器 </p><p style="text-indent: 2em;";>D、 任意选择器 </p><p style="text-indent: 2em;";>答案： AB </p><p style="text-indent: 2em;";>239、利用CSS样式控制字体大小的属性是（）？ </p><p style="text-indent: 2em;";>A、 font-size </p><p style="text-indent: 2em;";>B、 font-family </p><p style="text-indent: 2em;";>C、 font-weight </p><p style="text-indent: 2em;";>D、 font-style </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>240、标签指定式选择器中的两个选择器之间可以有空格隔开？ </p><p style="text-indent: 2em;";>答案： 错误 </p><p style="text-indent: 2em;";>241、在网页中表格对网页规划而言，重要性如何，试着就自己所了解的谈谈自己的见解？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>242、手机与盒子边框的距离填充了泡沫，这个泡沫的厚度指的是盒子结构模型中的哪个元素？ </p><p style="text-indent: 2em;";>A、 margin（外边距） </p><p style="text-indent: 2em;";>B、 padding（内外距） </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>243、设置盒子边框样式为单实线用哪段代码？ </p><p style="text-indent: 2em;";>A、 border-style:solid; </p><p style="text-indent: 2em;";>B、 border-style:dashed; </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>244、HTML（英文Hyper Tex Markup Language）的中文名是（ ）。 </p><p style="text-indent: 2em;";>A、 超连接 </p><p style="text-indent: 2em;";>B、 超文本 </p><p style="text-indent: 2em;";>C、 超文本传输协议 </p><p style="text-indent: 2em;";>D、 超文本标记语言 </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>245、HTML发展至今，经历了六个版本，目前常用的版本是（ ）。 </p><p style="text-indent: 2em;";>A、 HTML1.0 </p><p style="text-indent: 2em;";>B、 HTML2.0 </p><p style="text-indent: 2em;";>C、 HTML4.0 </p><p style="text-indent: 2em;";>D、 HTML5 </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>246、CSS目前最常用的版本是（ ）。 </p><p style="text-indent: 2em;";>A、 CSS1 </p><p style="text-indent: 2em;";>B、 CSS2 </p><p style="text-indent: 2em;";>C、 CSS3 </p><p style="text-indent: 2em;";>D、 CSS4 </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>247、主浏览器预览网页的快捷键是（ ）。 </p><p style="text-indent: 2em;";>A、 F12 </p><p style="text-indent: 2em;";>B、 Ctrl+F12 </p><p style="text-indent: 2em;";>C、 F10 </p><p style="text-indent: 2em;";>D、 F11 </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>248、下列（ ）工具经常用来设计并制作网页？ </p><p style="text-indent: 2em;";>A、 Editplus </p><p style="text-indent: 2em;";>B、 notepad++ </p><p style="text-indent: 2em;";>C、 sublime </p><p style="text-indent: 2em;";>D、 Dreamweaver </p><p style="text-indent: 2em;";>答案： ABCD </p><p style="text-indent: 2em;";>249、如果想要使段落文本加粗倾斜，可以采用以下哪种方式？ </p><p style="text-indent: 2em;";>A、 <p><strong><em>一段文本</strong></em></p> </p><p style="text-indent: 2em;";>B、 <p><strong><em>一段文本</p></strong></em> </p><p style="text-indent: 2em;";>C、 <p><strong><em>一段文本</em></strong></p> </p><p style="text-indent: 2em;";>D、 <p><strong><em>一段文本</p></em></strong> </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>250、在html中，可以通过“属性”=“属性值”的方式给标记设置属性，以下不合法的是？ </p><p style="text-indent: 2em;";>A、 color="red" </p><p style="text-indent: 2em;";>B、 width=200px </p><p style="text-indent: 2em;";>C、 size=2 </p><p style="text-indent: 2em;";>D、 align="middle" </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>251、<meta/>标记本身不包含任何内容，但它可以通过属性定义页面参数，这个说法对吗？ </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>252、以下哪些属于<meta/>标记可以定义的页面参数？ </p><p style="text-indent: 2em;";>A、 网页的关键字 </p><p style="text-indent: 2em;";>B、 作者的姓名 </p><p style="text-indent: 2em;";>C、 内容的描述 </p><p style="text-indent: 2em;";>D、 网页的刷新时间 </p><p style="text-indent: 2em;";>答案： ABCD </p><p style="text-indent: 2em;";>253、使用注释标记时，注释内容也会显示在浏览器窗口中，这个说法正确吗？ </p><p style="text-indent: 2em;";>答案： 错误 </p><p style="text-indent: 2em;";>254、对于标题标记来说，<h1></h1>等价于<h1 align="left"></h1>，这个说法正确吗？ </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>255、以下哪个是单标记？ </p><p style="text-indent: 2em;";>A、 p </p><p style="text-indent: 2em;";>B、 font </p><p style="text-indent: 2em;";>C、 b </p><p style="text-indent: 2em;";>D、 br </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>256、<br/>标记可以像Enter一样，能实现浏览器中换行的效果。这个说法正确吗？ </p><p style="text-indent: 2em;";>答案： 错误 </p><p style="text-indent: 2em;";>257、下面哪些是font标记的常用属性？ </p><p style="text-indent: 2em;";>A、 face </p><p style="text-indent: 2em;";>B、 size </p><p style="text-indent: 2em;";>C、 align </p><p style="text-indent: 2em;";>D、 color </p><p style="text-indent: 2em;";>答案： ABD </p><p style="text-indent: 2em;";>258、以下哪些是文本格式化标记？ </p><p style="text-indent: 2em;";>A、 font </p><p style="text-indent: 2em;";>B、 strong </p><p style="text-indent: 2em;";>C、 em </p><p style="text-indent: 2em;";>D、 ins </p><p style="text-indent: 2em;";>E、 del </p><p style="text-indent: 2em;";>答案： BCDE </p><p style="text-indent: 2em;";>259、文本“ 挥泪大甩卖，原价260 ,现价50 ！”中，“ 260 ”和”50“ 的效果可以用以下哪种方式实现？ </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>A、 <del>260</del> <ins>50</ins> </p><p style="text-indent: 2em;";>B、 <del>260</del> <strong>50</strong> </p><p style="text-indent: 2em;";>C、 <del>260</del> <em>50</em> </p><p style="text-indent: 2em;";>D、 <ins>260</ins> <del>50</del> </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>260、想要在网页中显示图像就需要使用图像标记？对吗？（） </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>261、中，图像文件的路径只能用绝对路径，对么？ </p><p style="text-indent: 2em;";>答案： 错误 </p><p style="text-indent: 2em;";>262、标记中src属性指定图像文件的路径和文件名，它是img标记的必需属性。这个说法正确吗？ </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>263、标记中align的属性值有以下哪几个？ </p><p style="text-indent: 2em;";>A、 left </p><p style="text-indent: 2em;";>B、 right </p><p style="text-indent: 2em;";>C、 center </p><p style="text-indent: 2em;";>D、 top </p><p style="text-indent: 2em;";>E、 middle </p><p style="text-indent: 2em;";>F、 bottom </p><p style="text-indent: 2em;";>答案： ABDEF </p><p style="text-indent: 2em;";>264、下面哪个是图片引用的绝对路径？ </p><p style="text-indent: 2em;";>A、 </p><p style="text-indent: 2em;";>B、 </p><p style="text-indent: 2em;";>C、 </p><p style="text-indent: 2em;";>D、 </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>265、HTML标记可以对（ ）网页元素进行描述。 </p><p style="text-indent: 2em;";>A、 文本 </p><p style="text-indent: 2em;";>B、 图片 </p><p style="text-indent: 2em;";>C、 动画 </p><p style="text-indent: 2em;";>D、 音频 </p><p style="text-indent: 2em;";>E、 视频 </p><p style="text-indent: 2em;";>答案： ABCDE </p><p style="text-indent: 2em;";>266、CSS的全称及中文译名分别是（ ）。 </p><p style="text-indent: 2em;";>A、 Cading Style Sheet和层次样式表 </p><p style="text-indent: 2em;";>B、 Cascading Style Sheet和层次样式表 </p><p style="text-indent: 2em;";>C、 Cascading Style Sheet和层叠样式表 </p><p style="text-indent: 2em;";>D、 Cading Style Sheet和层叠样式表 </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>267、CSS通常称为CSS样式或样式表，其作用主要是（A、 文本内容（字体、大小、对齐方式等） </p><p style="text-indent: 2em;";>B、 图片的外形（宽高、边框样式、边距等） </p><p style="text-indent: 2em;";>C、 版面的布局 </p><p style="text-indent: 2em;";>D、 页面其他外观显示样式 </p><p style="text-indent: 2em;";>答案： ABCD </p><p style="text-indent: 2em;";>268、次浏览器预览网页的快捷键是（ ）。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>A、 F12 </p><p style="text-indent: 2em;";>B、 Ctrl+F12 </p><p style="text-indent: 2em;";> ）。</p><p style="text-indent: 2em;";>C、 F10 </p><p style="text-indent: 2em;";>D、 F11 </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>269、对于初学者，计算机上必备的三大浏览器分别是（ ）。 </p><p style="text-indent: 2em;";>A、 火狐浏览器 </p><p style="text-indent: 2em;";>B、 IE浏览器 </p><p style="text-indent: 2em;";>C、 谷歌浏览器 </p><p style="text-indent: 2em;";>D、 360浏览器 </p><p style="text-indent: 2em;";>答案： ABC </p><p style="text-indent: 2em;";>270、<font>标记中可以再包含一个<font>标记，这个说法对吗？ </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>271、以下哪个特殊字符能实现空白字符的显示效果？ </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>A、 & </p><p style="text-indent: 2em;";>B、 > </p><p style="text-indent: 2em;";>C、   </p><p style="text-indent: 2em;";>D、 < </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>272、以下哪个标记能实现文本加下划线效果？ </p><p style="text-indent: 2em;";>A、 <u></u> </p><p style="text-indent: 2em;";>B、 <s></s> </p><p style="text-indent: 2em;";>C、 <ins></ins > </p><p style="text-indent: 2em;";>D、 <del></del> </p><p style="text-indent: 2em;";>答案： AC </p><p style="text-indent: 2em;";>273、以下哪些是<hr/>标记的属性？ </p><p style="text-indent: 2em;";>A、 align </p><p style="text-indent: 2em;";>B、 size </p><p style="text-indent: 2em;";>C、 color </p><p style="text-indent: 2em;";>D、 width </p><p style="text-indent: 2em;";>答案： ABCD </p><p style="text-indent: 2em;";>274、<hr/>标记中width属性值，可以是确定的像素值，也可以是浏览器窗口的百分比。这个说法正确吗？ </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>275、以下哪些不属于图片文件格式（） </p><p style="text-indent: 2em;";>A、 jpg </p><p style="text-indent: 2em;";>B、 png </p><p style="text-indent: 2em;";>C、 gif </p><p style="text-indent: 2em;";>D、 img </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>276、下列哪些不属于图像标记<img>的属性？（） </p><p style="text-indent: 2em;";>A、 border </p><p style="text-indent: 2em;";>B、 vspace </p><p style="text-indent: 2em;";>C、 color </p><p style="text-indent: 2em;";>D、 hspace </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>277、下面哪个不属于标记？（） </p><p style="text-indent: 2em;";>A、 p </p><p style="text-indent: 2em;";>B、 h1 </p><p style="text-indent: 2em;";>C、 font </p><p style="text-indent: 2em;";>D、 color </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>278、html文档的基本格式包括哪些标记？（） </p><p style="text-indent: 2em;";>A、 ！Doctype </p><p style="text-indent: 2em;";>B、 html </p><p style="text-indent: 2em;";>C、 body </p><p style="text-indent: 2em;";>D、 head </p><p style="text-indent: 2em;";>答案： ABCD </p><p style="text-indent: 2em;";>279、将某段文本应用font标记设置为微软雅黑，16px，是设置font标记中哪两个属性？（） </p><p style="text-indent: 2em;";>A、 font-family size </p><p style="text-indent: 2em;";>B、 face size </p><p style="text-indent: 2em;";>C、 font-family font-size </p><p style="text-indent: 2em;";>D、 face font-size </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>280、以下方式哪个实现将水平线粗细设置为2，宽度设置为500px? </p><p style="text-indent: 2em;";>A、 <hr font-size=”2” width=”500%”/> </p><p style="text-indent: 2em;";>B、 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> <hr size=”2” width=”500%”/> </p><p style="text-indent: 2em;";>C、 <hr font-size=”2” width=”500px”/> </p><p style="text-indent: 2em;";>D、 <hr size=”2” width=”500px”/> </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>281、以下哪个标记能实现文本倾斜效果？ </p><p style="text-indent: 2em;";>A、 <b></b> </p><p style="text-indent: 2em;";>B、 <i></i> </p><p style="text-indent: 2em;";>C、 <strong></ strong > </p><p style="text-indent: 2em;";>D、 <em></em> </p><p style="text-indent: 2em;";>答案： BD </p><p style="text-indent: 2em;";>282、边距有分上右下左吗？ </p><p style="text-indent: 2em;";>A、 有 </p><p style="text-indent: 2em;";>B、 没有 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>283、大家认为网页背景给用户留下的印象重不重要？ </p><p style="text-indent: 2em;";>A、 重要 </p><p style="text-indent: 2em;";>B、 不重要 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>284、在布局网页的过程中，精确的计算出布局盒子的宽和高非常重要，如果没有算出盒子的宽和高，会对网页造成什么影响？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>285、在设置盒子属性时，width和height的值指的就是盒子的宽和高？（是、不是） </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>286、请大家把4.3和4.4节的案例在家里用电脑操作一遍，把做好的作品上传至平台给老师检查，上传作品的同学额外可以加分的。 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>教师在电脑上通过软件运行看结果 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>287、设置盒子边框样式为单实线有哪段代码？ </p><p style="text-indent: 2em;";>A、 border-style:solid; </p><p style="text-indent: 2em;";>B、 border-style:dashed; </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>288、请大家把4.2和4.3节的案例在家里用电脑操作一遍，把做好的作品上传至平台给老师检查，上传作品的同学额外可以加分的。 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>289、下面哪个不属于<td>标记的属性（ ） </p><p style="text-indent: 2em;";>A、 width </p><p style="text-indent: 2em;";>B、 height </p><p style="text-indent: 2em;";>C、 right </p><p style="text-indent: 2em;";>D、 align </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>290、你能够用这些标记来修饰网页吗？ </p><p style="text-indent: 2em;";>A、 能 </p><p style="text-indent: 2em;";>B、 不能 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>291、假设p标记盒子的宽度width为210px，高度height为90px，边框宽度为8像素，设置盒子的内边距padding为15像素，外边距margin为20像素，则盒子在网页中所占的高度是（）？ </p><p style="text-indent: 2em;";>A、 106px </p><p style="text-indent: 2em;";>B、 146px </p><p style="text-indent: 2em;";>C、 176px </p><p style="text-indent: 2em;";>D、 90px </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>292、对元素设置相对定位后，可以通过边偏移属性改变元素的位置，但是他在文档流中的位置（ ）。 </p><p style="text-indent: 2em;";>A、 仍然保留 </p><p style="text-indent: 2em;";>B、 不保留，让其他元素填充 </p><p style="text-indent: 2em;";>C、 有时保留，有时不保留 </p><p style="text-indent: 2em;";>D、 其他 </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>293、( )不属于元信息标记 <meta/>的属性。 </p><p style="text-indent: 2em;";>A、 name </p><p style="text-indent: 2em;";>B、 content </p><p style="text-indent: 2em;";>C、 http-equiv </p><p style="text-indent: 2em;";>D、 url </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>294、下面哪种不是正确的链接伪类( ) </p><p style="text-indent: 2em;";>A、 </p><p style="text-indent: 2em;";>a:link{ CSS样式规则; }：未访问时超链接的状态 </p><p style="text-indent: 2em;";>B、 </p><p style="text-indent: 2em;";>a:visited{ CSS样式规则; }：访问后超链接的状态 </p><p style="text-indent: 2em;";>C、 </p><p style="text-indent: 2em;";>a:over{ CSS样式规则; }：鼠标经过、悬停时超链接的状态 </p><p style="text-indent: 2em;";>D、 </p><p style="text-indent: 2em;";>a:active{ CSS样式规则; }：鼠标点击不动时超链接的状态 </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>295、现要设计一个可以输入电子邮件地址的web页，应该使用的语句是( </p><p style="text-indent: 2em;";>A、 </p><p style="text-indent: 2em;";> <input type=radio> </p><p style="text-indent: 2em;";>B、 </p><p style="text-indent: 2em;";> <input type=checkbox> </p><p style="text-indent: 2em;";>C、 <input type=password> </p><p style="text-indent: 2em;";>D、 <input type=text> </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>296、大家认为网页背景给用户留下的印象重不重要？ </p><p style="text-indent: 2em;";>A、 重要 </p><p style="text-indent: 2em;";>B、 不重要 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>297、当用定义列表dd标记定义新闻模块时，dt标记用于（ ）。A、 标识词条 </p><p style="text-indent: 2em;";>B、 标识解释 </p><p style="text-indent: 2em;";>) </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>C、 表示列表元素 </p><p style="text-indent: 2em;";>D、 表示父级元素 </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>298、你知道 CSS 样式规则的具体格式吗？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>299、使用 CSS 有哪几种引入方式？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>300、你会使用 CSS 样式吗？如果使用 CSS 样式想将一个二级标题的字体设置为微软雅 </p><p style="text-indent: 2em;";>黑并且居中显示，怎么实现？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>301、假设p标记盒子的宽度width为210px，高度height为90px，边框宽度为8像素，设置盒子的内边距padding为15像素，外边距margin为20像素，则盒子在网页中所占的宽度是（）？ </p><p style="text-indent: 2em;";>A、 240px </p><p style="text-indent: 2em;";>B、 256px </p><p style="text-indent: 2em;";>C、 210px </p><p style="text-indent: 2em;";>D、 296px </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>302、下面有关定义列表描述不正确的是（ ） </p><p style="text-indent: 2em;";>A、 一对<dt></dt>不可以对应多对<dd></dd> </p><p style="text-indent: 2em;";>B、 </p><p style="text-indent: 2em;";>与无序和有序列表不同，定义列表的列表项前没有任何项目符号 </p><p style="text-indent: 2em;";>C、 </p><p style="text-indent: 2em;";>以<dl> 开始 </dl> 结束 </p><p style="text-indent: 2em;";>D、 常用于对术语或名词进行解释和描述 </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>303、在设置盒子属性时，width和height的值指的就是盒子的宽和高？ </p><p style="text-indent: 2em;";>A、 是 </p><p style="text-indent: 2em;";>B、 不是 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>304、 CSS 字体样式属性包括哪些吗？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>305、字号和字体粗细分别是用什么属性来设置吗？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>306、 CSS 文本外观属性包括哪些吗？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>307、字间距和行间距分别用分别是用什么属性来设置？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>308、怎样利用行间距实现文字垂直居中？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>309、p{ color:blue;} </p><p style="text-indent: 2em;";>.special{ color:green;} </p><p style="text-indent: 2em;";>l{ color:red;} </p><p style="text-indent: 2em;";>以上 3 个哪个是复合选择器呢，是哪种复合选择器？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>310、 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>311、在设计与制作网页时，默认情况下网页元素都可以设置其宽和高吗？ </p><p style="text-indent: 2em;";>A、 可以 </p><p style="text-indent: 2em;";>B、 不可以 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>312、当我们在布局网页时，其时我们考虑块元素上下外距时，只要选中一个块元素就行，不必要同时对两个块元素都设置上下外边距？ </p><p style="text-indent: 2em;";>A、 对 </p><p style="text-indent: 2em;";>B、 不对 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>313、手机与盒子边框的距离填充了泡沫，这个泡沫的厚度指的是盒子 结构模型中的哪个元素？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>314、HTML 页面中的每一个元素都可以看作是一个矩形盒子，再在这个盒子里装内容，请 问正确吗？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>315、既然网页中的每个元素都是一个盒子，那为什么在浏览网页中看不出来是个盒子？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>316、在浏览网页过程中，看到网页中有些元素有背景颜色或是有边框，有时盒子又像是隐藏在网页中一样等，那是通过设置盒子的什么属性才能达到这样的效果呢？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>317、设置盒子边框样式为单实线有哪段代码？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>318、设置盒子边框时，可不可以单独设置上、右、下、左的任一边框？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>319、综合设置盒子边框时，边框的宽度、样式、颜色顺序可以打乱吗？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>320、边距有分上右下左吗？ </p><p style="text-indent: 2em;";>A、 有 </p><p style="text-indent: 2em;";>B、 没有 </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>321、设置盒子内外边距分别用到盒子的什么属性？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>322、设置盒子内外边距属性时，当为一个值、二个值、三个值分别代表哪个方向？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>323、在设置盒子属性时，width 和 height 的值指的就是盒子的宽和高 </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>324、当设置<p>标记的 width 值为 30px，边框（左右）宽度为 2px,内边距（左右）为 10 </p><p style="text-indent: 2em;";>像素，请问<p>标记的总宽度是多少？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>325、当设置<p>标记的 width 值为 30px，边框（左右）宽度为 2px,内边距（左右）为 10 </p><p style="text-indent: 2em;";>像素，外边距（左右）为 15 像素，请问<p>标记的在网页中所占的宽度是多少？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>326、盒子宽度属性 width 和高度属性 height 仅适用于什么元素，对什么元素无效，但 </p><p style="text-indent: 2em;";>对行内元素哪两个标记除外？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>327、设置盒子的背景和背景图像属性分别是什么？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>328、设置背景图像平铺的属性是什么？其取值是哪些？分别代表什么含义？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>329、设置背景图像的位置属性是什么？其取值代表什么含义？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>330、HTML 中元素是如何分类的？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>331、在设计与制作网页时，默认情况下网页元素都可以设置其宽和高 </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>332、请问<p>、<a>、<h1>、<span>、<div>这些标记中哪些可以设置其 width 和 height有效，哪些无效？哪些是行内元素？哪些是块元素？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>333、<div>、<span>标记分别属于什么类型的元素？在实际布局网页过程中起了什么作用？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>334、在普通文档流中，当两个块元素垂直排列时，它们垂直相邻的距离就是两个块元素上下外边距之和吗？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>335、当我们在布局网页时，其时我们考虑块元素上下外距时，只要选中一个块元素就行，不必要同时对两个块元素都设置上下外边距？ </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>336、对两个块元素垂直排列时，上面的块元素下外边距为 20 像素，下面的块元素上外边距为 40 像素，那两者的垂直距离是多少像素呢？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>337、当父盒子的上外边距为 60 像素，子盒子的上外边距为 80 像素，最后父盒子的上外边距是多少像素？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>338、如果希望嵌套块元素垂直外边距不合并，可以通过以下哪两种方法来解决？ </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>339、利用span标记，设计一个盒子，width为300像素，height为200像素，内边距（上、下、左、右）为20像素，边框（上、下、左、右）为黑色5像素实线，背景颜色为红色，让这个盒子在页面中水平居中显示，大家把效果图和代码在系统中提交上来。 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>在客户端利用浏览器运行代码看效果。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>340、综合设置四边宽度必须按上右下左的顺时针顺序采用值复制，即一个值表示（）？ </p><p style="text-indent: 2em;";>A、 上右下左 </p><p style="text-indent: 2em;";>B、 上下/左右 </p><p style="text-indent: 2em;";>C、 上/左右/下 </p><p style="text-indent: 2em;";>D、 左右/上下 </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>341、背景图像平铺background-repeat属性中，下面（）项代表的是沿水平方向平铺？ </p><p style="text-indent: 2em;";>A、 repeat </p><p style="text-indent: 2em;";>B、 no-repeat </p><p style="text-indent: 2em;";>C、 repeat-x </p><p style="text-indent: 2em;";>D、 repeat-y </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>342、假设p标记盒子的width为210px，height为90px，边框宽度为8像素，设置盒子的内边距padding为15像素，外边距margin为20像素，则盒子的宽度是（）？ </p><p style="text-indent: 2em;";>A、 240px </p><p style="text-indent: 2em;";>B、 256px </p><p style="text-indent: 2em;";>C、 210px </p><p style="text-indent: 2em;";>D、 226px </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>343、请问使用display（）属性可以将行内元素转换成块级元素？ </p><p style="text-indent: 2em;";>A、 inline </p><p style="text-indent: 2em;";>B、 block </p><p style="text-indent: 2em;";>C、 inline-block </p><p style="text-indent: 2em;";>D、 none </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>344、在普通文档流中（没有对元素应用浮动和定位），第一个盒子的下边距为20px，第二个盒子的上外边距为40px，则这两个盒子垂直间距是（ ）。 </p><p style="text-indent: 2em;";>A、 60px </p><p style="text-indent: 2em;";>B、 20px </p><p style="text-indent: 2em;";>C、 40px </p><p style="text-indent: 2em;";>D、 其他 </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>345、请问（）不属于块级元素的特点？ </p><p style="text-indent: 2em;";>A、 默认情况下会独占一行或多行 </p><p style="text-indent: 2em;";>B、 可以对其设置宽度、高度、对齐属性 </p><p style="text-indent: 2em;";>C、 常用于网页布局和网页结构的搭建 </p><p style="text-indent: 2em;";>D、 </p><p style="text-indent: 2em;";>不可以对其设置宽度、高度、对齐属性 </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>346、请问（）不属于行内元素的特点？ </p><p style="text-indent: 2em;";>A、 默认情况下不会独占一行或多行 </p><p style="text-indent: 2em;";>B、 可以对其设置宽度、高度、对齐属性 </p><p style="text-indent: 2em;";>C、 常用于控制页面中文本的样式 </p><p style="text-indent: 2em;";>D、 不可以对其设置宽度、高度、对齐属性 </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>347、请问下列（）组元素都属于块级元素？ </p><p style="text-indent: 2em;";>A、 <h1>、<p>、<div> </p><p style="text-indent: 2em;";>B、 <h1>、<b>、<div> </p><p style="text-indent: 2em;";>C、 <h1>、<p>、<span> </p><p style="text-indent: 2em;";>D、 <h1>、<p>、<u> </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>348、请问下列（）组元素都属于行内元素？ </p><p style="text-indent: 2em;";>A、 <strong>、<b>、<i> </p><p style="text-indent: 2em;";>B、 <a>、<span>、<div> </p><p style="text-indent: 2em;";>C、 <em>、<h2>、<span> </p><p style="text-indent: 2em;";>D、 <del>、<p>、<u> </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>349、请问使用display（）属性可以将块级元素转换成行内元素？ </p><p style="text-indent: 2em;";>A、 inline </p><p style="text-indent: 2em;";>B、 block </p><p style="text-indent: 2em;";>C、 inline-block </p><p style="text-indent: 2em;";>D、 none </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>350、请问使用display（）属性可以将行内元素转换成行内块级元素？ </p><p style="text-indent: 2em;";>A、 inline </p><p style="text-indent: 2em;";>B、 block </p><p style="text-indent: 2em;";>C、 inline-block </p><p style="text-indent: 2em;";>D、 none </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>351、<div>与</div>之间相当于一个容器，可以容纳段落、标题、表格、图像等各种网页元素。也就是说，大多数HTML标记都可以嵌套在<div>标记中，<div>中还可以嵌套多层<div>。请问正确吗？ </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>352、<span>标记常用于定义网页中某些特殊显示的文本，配合class属性使用。它本身没有固定的格式表现，只有应用样式时，才会产生视觉上的变化。当其他行内标记都不合适时，就可以使用<span>标记。请问正确吗？ </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>353、下列（）标记都属于块元素？ </p><p style="text-indent: 2em;";>A、 <h1>~<h6>、<p>、<div>、<span> </p><p style="text-indent: 2em;";>B、 <ul>、<ol>、<li>、<ol> </p><p style="text-indent: 2em;";>C、 <dl >、<dd>、<dt>、<a> </p><p style="text-indent: 2em;";>D、 <ul>、<ol>、<li>、<img> </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>354、下列（）标记都属于行内元素？ </p><p style="text-indent: 2em;";>A、 <strong>、<b>、<em>、<div> </p><p style="text-indent: 2em;";>B、 <i>、<del>、<s>、<p> </p><p style="text-indent: 2em;";>C、 <b>、<img>、<a>、<span> </p><p style="text-indent: 2em;";>D、 <ins>、<u>、<a>、<ul> </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>355、display属性可以对网页元素的类型进行转换，请问其属性值可以是（）？ </p><p style="text-indent: 2em;";>A、 inline </p><p style="text-indent: 2em;";>B、 block </p><p style="text-indent: 2em;";>C、 inline-block </p><p style="text-indent: 2em;";>D、 none </p><p style="text-indent: 2em;";>答案： ABCD </p><p style="text-indent: 2em;";>356、如果想对某网页元素设置宽高和对齐属性，但又不想其独占一行，可以对其设置（）属性？ </p><p style="text-indent: 2em;";>A、 display: block; </p><p style="text-indent: 2em;";>B、 display: inline; </p><p style="text-indent: 2em;";>C、 display: inline-block; </p><p style="text-indent: 2em;";>D、 display: none; </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>357、当使用<a>（a标记是行内元素）标记对文字进行超链接后，当鼠标悬浮在文字上时出现一块能自己设置宽和高的背景，需设置（）属性？ </p><p style="text-indent: 2em;";>A、 a { display: inline; } </p><p style="text-indent: 2em;";>B、 a { display: inline-block; } </p><p style="text-indent: 2em;";>C、 a { display: block; } </p><p style="text-indent: 2em;";>D、 </p><p style="text-indent: 2em;";>a { display: none; } </p><p style="text-indent: 2em;";>答案： BC </p><p style="text-indent: 2em;";>358、<img>标记是一个行内元素，（）可以使图片在盒子中居中显示？ </p><p style="text-indent: 2em;";>A、 img { display: inline; margin: 0px auto;} </p><p style="text-indent: 2em;";>B、 img { display:inlie-block; margin: 0px auto;} </p><p style="text-indent: 2em;";>C、 img { display: block; margin: auto 0px;} </p><p style="text-indent: 2em;";>D、 img { display: block; margin: 0px auto;} </p><p style="text-indent: 2em;";>答案： D </p><p style="text-indent: 2em;";>359、<div>标记是一个典型的块元素，是一个区块容器标记，可以将网页分割为独立的、不同的部分，请问对吗？ </p><p style="text-indent: 2em;";>答案： 正确 </p><p style="text-indent: 2em;";>360、在设计与制作网页时，默认情况下网页元素都可以设置其宽和高吗？ </p><p style="text-indent: 2em;";>A、 能 </p><p style="text-indent: 2em;";>B、 不能 </p><p style="text-indent: 2em;";>答案： </p><p style="text-indent: 2em;";>361、综合设置盒子内外边距时必须按上右下左的顺时针顺序采用值复制，即三个值表示（）？ </p><p style="text-indent: 2em;";>A、 上右下左 </p><p style="text-indent: 2em;";>B、 上下/左右 </p><p style="text-indent: 2em;";>C、 上/左右/下 </p><p style="text-indent: 2em;";>D、 左/上下/右 </p><p style="text-indent: 2em;";>答案： C </p><p style="text-indent: 2em;";>362、设置网页元素背景图像的属性是（）？ </p><p style="text-indent: 2em;";>A、 background-color </p><p style="text-indent: 2em;";>B、 background-image </p><p style="text-indent: 2em;";>C、 background-repeat </p><p style="text-indent: 2em;";>D、 </p><p style="text-indent: 2em;";>background-position </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>363、假设p标记盒子的width为210px，height为90px，边框宽度为8像素，设置盒子的内边距padding为15像素，外边距margin为20像素，则盒子的高度是（）？ </p><p style="text-indent: 2em;";>A、 136px </p><p style="text-indent: 2em;";>B、 106px </p><p style="text-indent: 2em;";>C、 90px </p><p style="text-indent: 2em;";>D、 120px </p><p style="text-indent: 2em;";>答案： A </p><p style="text-indent: 2em;";>364、当两个嵌套关系的块元素，设父元素无边框，上外边距为20px，子元素的上外边距为40px，在默认的情况下，父元素的上外边距为（ ）。 </p><p style="text-indent: 2em;";>A、 20px </p><p style="text-indent: 2em;";>B、 40px </p><p style="text-indent: 2em;";>C、 60px </p><p style="text-indent: 2em;";>D、 其他 </p><p style="text-indent: 2em;";>答案： B </p><p style="text-indent: 2em;";>365、当两个嵌套关系的块元素，设父元素无边框，上外边距为20px，子元素的上外边距为40px，当给父元素加上代码overflow:hidden;后，父元素的上外边距为（ ）。 </p><p style="text-indent: 2em;";>A、 20px </p><p style="text-indent: 2em;";>B、 40px </p></div><br><p><h2></h2></p> <!-- 附件 --> <p class="tag"> 本文标签： <a style="margin-right: 10px" href="/tag/428094.html" target="_blank">元素</a> <a style="margin-right: 10px" href="/tag/331.html" target="_blank">网页</a> <a style="margin-right: 10px" href="/tag/232.html" target="_blank">属性</a> </p> <div class="roclinux-cn copyright"> <blockquote> <p> 版权声明：本文标题：网页设计与制作(HTML+CSS)-题库带答案 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：<a href="http://www.freenas.com.cn/free/1708435497h524214.html">http://www.freenas.com.cn/free/1708435497h524214.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="/jishu/1729013959h1306971.html" title="基于React开发的chatgpt网页版（仿chatgpt）">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="基于React开发的chatgpt网页版（仿chatgpt）">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729013959h1306971.html" class="post-item-title" title="基于React开发的chatgpt网页版（仿chatgpt）"> <h3>基于React开发的chatgpt网页版（仿chatgpt）</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" 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">2月前</div> </div> <p class="post-item-summary">在浏览github的时候发现了一个好玩的项目本项目&#xff0c;是github大神Yidadaa开发的chatgpt网页版&#xff0c;该开源项目是跨平台的&#xff0c;WebPWALinux </p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729014031h1306981.html" title="基于Vercel自建ChatGPT网页应用">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="基于Vercel自建ChatGPT网页应用">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729014031h1306981.html" class="post-item-title" title="基于Vercel自建ChatGPT网页应用"> <h3>基于Vercel自建ChatGPT网页应用</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" 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">2月前</div> </div> <p class="post-item-summary">目录 Part1开始使用 Part2Fork 项目仓库 Part3保持更新 1自动更新 开启 Action 权限 2手动更新 Part4部署在 Vercel 3创建项目 4配置环境变量 OPENAI_API_KEY (必</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729014065h1306985.html" title="使用 Tampermonkey 插件流畅使用 ChatGPT 网页端教程">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="使用 Tampermonkey 插件流畅使用 ChatGPT 网页端教程">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729014065h1306985.html" class="post-item-title" title="使用 Tampermonkey 插件流畅使用 ChatGPT 网页端教程"> <h3>使用 Tampermonkey 插件流畅使用 ChatGPT 网页端教程</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" 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">2月前</div> </div> <p class="post-item-summary">在本教程中&#xff0c;我们将详细介绍如何使用 Tampermonkey 插件改善您在浏览器中使用 ChatGPT 网页版的体验。由于某些原因&#xff0c;浏览器访问 ChatGPT 容易出现断开连接或报错的情况。使用</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729014097h1306988.html" title="开源宝藏：chatgpt-html —— 简易高效的网页版ChatGPT体验">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="开源宝藏：chatgpt-html —— 简易高效的网页版ChatGPT体验">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729014097h1306988.html" class="post-item-title" title="开源宝藏：chatgpt-html —— 简易高效的网页版ChatGPT体验"> <h3>开源宝藏：chatgpt-html —— 简易高效的网页版ChatGPT体验</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" 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">2月前</div> </div> <p class="post-item-summary">开源宝藏&#xff1a;chatgpt-html —— 简易高效的网页版ChatGPT体验 在人工智能日益普及的今天&#xff0c;ChatGPT无疑是一颗璀璨的新星&#xff0c;以其惊人的智能交互能力和广泛的应</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729014121h1306991.html" title="2023 全新 ChatGPT余额查询网页源码">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="2023 全新 ChatGPT余额查询网页源码">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729014121h1306991.html" class="post-item-title" title="2023 全新 ChatGPT余额查询网页源码"> <h3>2023 全新 ChatGPT余额查询网页源码</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" 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">2月前</div> </div> <p class="post-item-summary">实测可用,界面轻量级,接口已配置,直接用就可以了 2023 全新 ChatGPT余额查询网页源码。。。。。。。。。。。。。</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729014151h1306995.html" title="ChatGPT使用接口和使用网页的区别">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="ChatGPT使用接口和使用网页的区别">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729014151h1306995.html" class="post-item-title" title="ChatGPT使用接口和使用网页的区别"> <h3>ChatGPT使用接口和使用网页的区别</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" 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">2月前</div> </div> <p class="post-item-summary">我们可以在OpenAi里看到好多接口&#xff0c;同样也可以在chat网页上输入聊天。区别 功能不同&#xff1a;GPT网页版是提供给普通用户使用的在线文本编辑器&#xff0c;而调用API接口则是给开发者提供的</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729014222h1307000.html" title="2023 网页chatgpt 最新模型 可自定义api">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="2023 网页chatgpt 最新模型 可自定义api">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729014222h1307000.html" class="post-item-title" title="2023 网页chatgpt 最新模型 可自定义api"> <h3>2023 网页chatgpt 最新模型 可自定义api</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" 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">2月前</div> </div> <p class="post-item-summary">最新网页版chatgpt 支持自定义api 国内服务器&#xff0c;虚拟主机都支持搭建 chatgpt 最新模型 自定义api入口&#xff1a;域名adminkey.php 直接把源码放到根目录即可运行</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729014914h1307089.html" title="ChatGPT of Siri 快捷指令语音免魔法3.5版+网页版 - TDChat">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="ChatGPT of Siri 快捷指令语音免魔法3.5版+网页版 - TDChat">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729014914h1307089.html" class="post-item-title" title="ChatGPT of Siri 快捷指令语音免魔法3.5版+网页版 - TDChat"> <h3>ChatGPT of Siri 快捷指令语音免魔法3.5版+网页版 - TDChat</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" 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">2月前</div> </div> <p class="post-item-summary">ChatGPT for Siri快捷指令语音版网页版 - TDChat &#x1f389; 这是一个将ChatGPT集成到Siri的项目&#xff0c;提供快捷指令Siri唤醒使用&#xff0c;无需登录&</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729014973h1307097.html" title="部署专属网页版ChatGPT-Next-Web">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="部署专属网页版ChatGPT-Next-Web">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729014973h1307097.html" class="post-item-title" title="部署专属网页版ChatGPT-Next-Web"> <h3>部署专属网页版ChatGPT-Next-Web</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" 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">2月前</div> </div> <p class="post-item-summary">背景 工作学习中经常使用chat-gpt, 需求是多端使用gpt问答&#xff0c;因此搭建一个网页版本方便多个平台使用。最后选择了 ChatGPT-Next-Web 部署说明 一键部署自己的web页面&#xff0c;</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729015000h1307100.html" title="利用chatGPT plus插件读取网页及本地文件">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="利用chatGPT plus插件读取网页及本地文件">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729015000h1307100.html" class="post-item-title" title="利用chatGPT plus插件读取网页及本地文件"> <h3>利用chatGPT plus插件读取网页及本地文件</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" 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">2月前</div> </div> <p class="post-item-summary">目录 前言 使用步骤 读取网页 读取本地文件 前言 一个基于GPT-4架构的大型语言模型&#xff0c;被称为ChatGPT Plus。 近日&#xff0c;对于plus用户增加了联网及插件功能&#xff</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729015332h1307135.html" title="chatgpt赋能python：Python操作SEO：从抓取网页到数据分析">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="chatgpt赋能python：Python操作SEO：从抓取网页到数据分析">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729015332h1307135.html" class="post-item-title" title="chatgpt赋能python：Python操作SEO：从抓取网页到数据分析"> <h3>chatgpt赋能python：Python操作SEO：从抓取网页到数据分析</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" 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">2月前</div> </div> <p class="post-item-summary">Python操作SEO：从抓取网页到数据分析 在当今数字化时代，搜索引擎优化已经成为了每家企业的必修课。然而，SEO涉及到众多技术，其中爬虫抓取和数据处理是其中关键环节。而Python语言正是在这两个方面表现出了非常强大的优势。 1.</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729015465h1307156.html" title="chatgpt赋能python：Python如何连接网页">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="chatgpt赋能python：Python如何连接网页">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729015465h1307156.html" class="post-item-title" title="chatgpt赋能python：Python如何连接网页"> <h3>chatgpt赋能python：Python如何连接网页</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" 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">2月前</div> </div> <p class="post-item-summary">Python如何连接网页 在当今数字化时代，连接网页是日常生活中必不可少的一部分。而Python，则是一门强大的编程语言，能够用于各种不同的应用场景。在这篇文章中，我们将介绍Python如何连接网页，并探讨如何在SEO方面利用它的优势。</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729037837h1309987.html" title="一些不错的网页">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="一些不错的网页">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729037837h1309987.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="/jishu" 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">2月前</div> </div> <p class="post-item-summary">http:www.zhengdazhiarchives1749 书签栏 信息收集 二级域名查询,子域名查询-站长帮手网 ZoomEye - Cyberspace Search Engine 360威胁情报中心 SSL证书在线检测工具</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729045670h1310965.html" title="win7 更改计算机基本信息,Windows7修改系统属性OEM信息的方法详细介绍">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="win7 更改计算机基本信息,Windows7修改系统属性OEM信息的方法详细介绍">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729045670h1310965.html" class="post-item-title" title="win7 更改计算机基本信息,Windows7修改系统属性OEM信息的方法详细介绍"> <h3>win7 更改计算机基本信息,Windows7修改系统属性OEM信息的方法详细介绍</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" 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">2月前</div> </div> <p class="post-item-summary">win7系统安装驱动精灵时硬件驱动发生故障&#xff0c;发现无法开机&#xff0c;提示C:WindowsSystem32driversemsc.sys 无法通过验证数字签名导致的问题&#xff0c;怎么办</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729142942h1323182.html" title="网页 js 逆向分析 ( v_jstools )、jshook ( 安卓上用js实现Hook )">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="网页 js 逆向分析 ( v_jstools )、jshook ( 安卓上用js实现Hook )">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729142942h1323182.html" class="post-item-title" title="网页 js 逆向分析 ( v_jstools )、jshook ( 安卓上用js实现Hook )"> <h3>网页 js 逆向分析 ( v_jstools )、jshook ( 安卓上用js实现Hook )</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" 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">2月前</div> </div> <p class="post-item-summary">1、网页 js 逆向分析( v_jstools ) From&#xff1a;https:mp.weixin.qqsLisYhDKK_6ddF-19m1gvzg Python 爬虫工具篇&#xff1a;必用的 Chro</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729174250h1327067.html" title="Navigator：userAgent 属性获取设备浏览器信息">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="Navigator：userAgent 属性获取设备浏览器信息">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729174250h1327067.html" class="post-item-title" title="Navigator：userAgent 属性获取设备浏览器信息"> <h3>Navigator：userAgent 属性获取设备浏览器信息</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" 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">2月前</div> </div> <p class="post-item-summary">Navigator&#xff1a;userAgent 属性获取设备浏览器信息 1. userAgent 是什么2. userAgent 的使用示例3. userAgent 的使用限制4. userAgent 的前世今生 1. use</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729174508h1327100.html" title="在线查看html浏览器兼容性,HTML5标签、属性、事件及浏览器兼容性速查表分享">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="在线查看html浏览器兼容性,HTML5标签、属性、事件及浏览器兼容性速查表分享">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729174508h1327100.html" class="post-item-title" title="在线查看html浏览器兼容性,HTML5标签、属性、事件及浏览器兼容性速查表分享"> <h3>在线查看html浏览器兼容性,HTML5标签、属性、事件及浏览器兼容性速查表分享</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" 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">2月前</div> </div> <p class="post-item-summary">5 可以说是近十年来 Web 标准最巨大的飞跃。和以前的版本不同&#xff0c; 5 并非仅仅用来表示 Web 内容&#xff0c;它的使命是将 Web 带入一个成熟的应用平台&#xff0c;在这个平台上&#</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1729623314h1331352.html" title="U盘 移动硬盘提示格式化 怎么办 属性为0字节了 文件格式变RAW了">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="U盘 移动硬盘提示格式化 怎么办 属性为0字节了 文件格式变RAW了">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1729623314h1331352.html" class="post-item-title" title="U盘 移动硬盘提示格式化 怎么办 属性为0字节了 文件格式变RAW了"> <h3>U盘 移动硬盘提示格式化 怎么办 属性为0字节了 文件格式变RAW了</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" 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">2月前</div> </div> <p class="post-item-summary">U盘 移动硬盘提示格式化 怎么办 属性为0字节了 文件格式变RAW了 你是否遇到过关于文件,U盘,移动硬盘等属性常出现莫名的扩大缩小问题,本来是4G的U盘,结果显示十多个G,有时 显示为0字节的情况,就算点击右键也还是提示“是否需要</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1733295312h1572416.html" title="Windows 7上可以上QQ，无法访问网页的DNS解析的解决">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="Windows 7上可以上QQ，无法访问网页的DNS解析的解决">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1733295312h1572416.html" class="post-item-title" title="Windows 7上可以上QQ，无法访问网页的DNS解析的解决"> <h3>Windows 7上可以上QQ，无法访问网页的DNS解析的解决</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" 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">引言&#xff1a;  最近这几天忽然windows 7无法访问网页了&#xff0c;但是&#xff0c;可以正常上QQ&#xff0c;dropbox同步数据等&#xff0c;于是就开始了查找问题之路</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/jishu/1733328606h1576513.html" title="edge不能打开html网页,Win10系统edge浏览器无法打开网页的解决方法">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="edge不能打开html网页,Win10系统edge浏览器无法打开网页的解决方法">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/jishu" target="_blank">技术总结</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/jishu/1733328606h1576513.html" class="post-item-title" title="edge不能打开html网页,Win10系统edge浏览器无法打开网页的解决方法"> <h3>edge不能打开html网页,Win10系统edge浏览器无法打开网页的解决方法</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/jishu" 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">Win10系统edge无法打开网页怎么办&#xff1f;Win10作为新系统&#xff0c;用户总是能碰到奇奇怪怪的问题。这不&#xff0c;有位用户反馈说&#xff1a;在连网状态下&#xff0c;</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/524214.html?safe_token=OfPaloOf3UvB5WQCmAjPt6Kn6vMXyWS5rXbcHmLTNE4MI2puAMM9lopiB7Y6_2BQ_2B6d4fGORnDdgGg8bNV6cgcdw_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="评论内容">