文档库
文档库 最新最全的文档下载
当前位置：文档库 › HTML+CSS网页设计复习题

HTML+CSS网页设计复习题

HTML+CSS网页设计复习题
HTML+CSS网页设计复习题

1、单选题

（1）要使单选框或复选框默认为已选定，要在input标签中加（）属性

A、selected

B、disabled

C、type

D、checked

（2）要使表单元素（如文本框）在预览时处于不可编辑状态，显灰色，要在input中加（）属性

A、selected

B、disabled

C、type

D、checked

（3）下列哪一项表示的不是按钮。（）

A．type="submit"B．type="reset"C．type="image"D．type="button"（4）下面哪一个属性不是文本的标签属性？（）

A．nbsp;B．align C．color D．face

（5）下面哪一项的电子邮件链接是正确的？（）

A．https://www.wendangku.net/doc/d82690517.html, B．xxx@.net C．xxx@com D．xxx@https://www.wendangku.net/doc/d82690517.html, （6）当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载。（）A．ASP B．HTML C．ZIP D．CGI

（7）下面说法错误的是()

A、CSS样式表可以将格式和结构分离

B、CSS样式表可以控制页面的布局

C、CSS样式表可以使许多网页同时更新

D、CSS样式表不能制作体积更小下载

更快的网页

（8）CSS样式表不可能实现()功能。

A、将格式和结构分离

B、一个CSS文件控制多个网页

C、控制图片的精确位置

D、兼容所有的浏览器

（9）若要在网页中插入样式表main.css,以下用法中，正确的是（）。

A、

B、

C、

D、

（10）若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体

为”Arial”,字体大小为9pt,行间距为13.5pt,以下定义方法中，正确的是（）。

A、

B、.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}

C、

D、

（11）下列哪个标签是定义标题的（）

A、h1

B、hr

C、hw

D、p

（12）html中的注释标签是（）

A、<---->

B、<--!-->

C、

D、<----!>

（13）…标签的作用是（）

A、斜体

B、下划线

C、上划线

D、加粗

（14）网页中的空格在html代码里表示为（）

A、&

B、 

C、"

D、<

（15）下列哪种方式是用类选择器定义样式的（）

A、p{color:red;}

B、.one{color:red;}

C、#two{color:red;}

D、p,h1{color:red;}

（16）、下面哪一项是换行符标签？（）

A．B．C．
D．

（17）、下列哪一项是在新窗口中打开网页文档。（）

A．_self B．_blank C．_top D．_parent

（18）、用HTML标记语言编写一个简单的网页，网页最基本的结构是（）。

A……

B……

C……

D……

（19）要使表格的边框不显示，应设置border的值是()。

A．1B．0C．2D．3

（20）在HTML中，标记

的作用是()。
A.标题标记B．预排版标记 C.转行标记D．文字效果标记
（21）定义锚记主要用到标签中的（）属性。
A、name
B、target
C、onclick
D、onmouseover
（22）下列哪个是正确的css集体声明方式（）
A、p；h1{color:red;}
B、.one{color:red;}
C、#two{color:red;}
D、p,h1{color:red;}
（23）下列样式定义字体为宋体、字体颜色为红色、斜体、大小20px、粗细800号，正确的定义是：（）
A、p{font-family：宋体；font-size：20px；font-weight：800；color:red;font-style：italic；}
B、p{font-family：20px；font-size：宋体；font-weight：800；color:red;font-style：italic；}
C、p{font-family：20px；font-size：800；font-weight：宋体；color:red;font-style：italic；}
D、p{font-family：800；font-size：20px；font-weight：red；color:italic;font-style：宋体；}（24）下列样式定义字体间距为0.5倍间距、水平左对齐、垂直顶端对齐、有下划线，正确的定义是：（）
A、p{text-decoration：underline；letter-spacing：0.5em；vertical-align：top；text-align：
left；}
B、p{text-decoration：0.5em；letter-spacing：underline；vertical-align：top；text-align：
left；}
C、p{text-decoration：left；letter-spacing：top；vertical-align：0.5em；text-align：underline；}
D、p{text-decoration：underline；letter-spacing：0.5em；vertical-align：left；text-align：
top；}
（25）关于文本对齐，源代码设置不正确的一项是：（）
A．居中对齐：
B．居右对齐：
C．居左对齐：
D．两端对齐：
（26）要在新窗口中打开所点击的链接，实现方法是将标签的target属性设为（）
A、_blank
B、_self
C、_parent
D、_top
（27）下列代表无序清单的标签是（）
A、
B、
    …
  1. …
C、…
  • …
    D、
  • …
      …
      （28）定义表单所用的标签是（）
      A、table
      B、form
      C、select
      D、input
      （29）要实现表单元素中的复选框，input标签的type属性应设为（）
      A、radio
      B、checkbox
      C、select
      D、text
      （30）CSS的缩写是（）
      https://www.wendangku.net/doc/d82690517.html,puter Style Sheets
      B.Cascading Style Sheets
      C.Creative Style Sheets
      D.Colorful Style Sheets
      2、填空题
      （1）、可用
      标签定义段落。
      （2）、CSS为超级链接文本建立了4个伪类选择器：a:link为尚未链接的超级链接文本样式，a:visited为已链接过的超级链接文本样式，a:hover为鼠标移到超级链接文本上方的样式，a:active为在超级链接文本上的选择鼠标的样式。
      （3）用来输入密码的表单域是type=password。
      （4）文件头标签包括关键字、描述、编码、基础和链接等。
      （5）Area的shape属性中，shape=rect表示的形状为__矩形___；shape=circle表示的形状为__圆形__；shape=poly表示的形状为__多边形_。
      （6）、要生成水平线，可用
      标签。
      （7）、中的src属性是用于指定图片源文件地址的。
      （8）、要定义表单元素中的文本框，input标签中type属性应设为text。
      （9）、要定义表单元素中的密码框，input标签中type属性应设为password。
      （10）表格的标签是
      ，单元格的标签是。
      （11）HTML网页文件的标记是________，网页文件的主体标记是_________，标记页面标题的标记是_____________。
      （12）表格的宽度可以用百分比和像素两种单位来设置。
      （13）HTML文件的扩展名_____________，CSS文件的扩展名_____________。
      （14）定义换行所用的标签是br。
      (16)、合理的页面布局中常听过结构与表现分离，那么结构是__.html__，表现是___.css
      （17）、如下图为一个border为1px的div块，总宽度为215px（包括border），阴影区为padding-left:25px;，那么此div的width应设置为___188___px。
      （18）、CSS样式有内联式，内嵌式，链接式和导入式
      （19）、CSS中ID选择符在定义的前面要有指示符#。
      （20）、创建自定义CSS样式时，样式名称的前面必须加一个圆点
      （21）、a:hover表示超链接文字在鼠标放上去时的状态。
      （22）、div与span的区别是__div是块元素，span是行内或内联元素
      （23）、改变元素的外边距用_____margin_____，改变元素的内填充用____padding （24）、Color:#666666;可缩写为______color:#666________________。
      3.将以下CSS代码进行缩写，注意要符合缩写的规范。
      （1）、代码一：
      border-width:1px;
      border-color:#000;
      border-style:solid;
      （2）、代码二：
      background-position:00;
      background-repeat:no-repeat;
      background-attachment:fixed;
      background-color:#f00;
      background-image:url(background.gif);
      （3）、代码三：
      font-style:italic;
      font-family:"Lucida Grande",sans-serif;
      font-size:1em;
      font-weight:bold;
      font-variant:small-caps;
      line-height:140%;
      （4）、代码四：
      list-style-position:inside;
      list-style-type:square;
      list-style-image:url(image.gif);
      （5）、代码五：
      margin-left:20px;
      margin-right:20px;
      margin-bottom:5px;
      margin-top:20px;
      (6)、代码六：
      color:#336699;
      color:#ffcc00;
      3、制作题(15分)
      (1)使用内联的CSS样式，重构一个如下图的水平、垂直都居中短边为50px，长边为150px 的红色十字架。
      要求：
      1)使用2个div完成
      2)使用3个div完成
      3)使用5个div完成
      请将代码写出。
      #a{margin-left:-75px;margin-top:-25px;width:150px;height:50px;}
      （2）如何指定div元素中样式类为c1,字体大小为9pt的css样式?答案:
      div.c1{font-size:9pt;}
      （3）用html实现如下表格(不如嵌套实用表格)
      三行三列,其中第一行第一列和第二行第一列合并;
      第二行第二列和第二行第三列合并(现场画表)
      4.问答题
      （1）web标准网站有那些优点
      便于网站页面改版,换肤,搜索引擎搜索,客户端浏览,减少网络流量等等（2）怎样使一个盒子垂直居中于浏览器中?
      答案：
      这里使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度除以二(3)说明在网页设计中层（盒子）的作用。
      答案：
      层，也就是DIV标记，是一个区块级的HTML标记，在该标记之间可以添加段落、表格、图片等内容，使同一个DIV标记中的元素具有相同的样式，并可在页面显示时同时出现、移动以及隐藏。
      它的主要作用有以下两点：(1)将一些标记元素组织起来，应用DIV的属性为这些标记元素定义统一的样式;(2)利用其z-index属性，实现页面内各元素的重叠显示效果;(3)使页面上显示更多的特效功能。
      （4）CSS指的是什么?在网页制作中为什么要使用CSS技术?
      答案：
      CSS(Cascading Style Sheets)也叫层叠样式表，它是用来控制网页中一个或多个元素的外观。在网页制作中，使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给网页的设计和维护带来了很大的方便;具体应用是：改变样式表中元素显示样式的定义，则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。
      网页设计试题及html代码
      2.2.3 字型设置标记 功能：设置文字的风格，如黑体、斜体、带下划线等，这是一组标记，它们可以单独使用，也可以混合使用产生复合修饰效果。常用的标记有以下一些： … ：文字以粗体显示。 … ：文字显示为斜体。 … ：显示下划线。 … ：删除线。 … ：使文字大小相对于前面的文字增大一级。 … ：使文字大小相对于前面的文字减小一级。 … ：使文字成为前一个字符的上标。 …：使文字成为前一个字符的下标。 …：使文字显示为闪烁效果。 …：以等宽体显示西文字符。 …：输出引用方式的字体，通常是斜体。 …：强调文字，通常用斜体加黑体。 …：特别强调的文字，通常也是斜体加黑体。 注：有些标记的效果必须在动态环境下才能显示，例如 标记。 【例2-4】字型设置标记的应用。 例如单标记
      表示在文档当前位置画一条水平线，一般是从窗口中当前行的最左端一直画到最右端，它可以带这么一些属性：
      。 功能：设置网页中普通文字的显示效果。 格式：文字。 格式：标题内容。 属性：n 表示标题字号的级别，可以是1～6之间的任意整数，数字越小，字号越大。 段落标记 功能：设置文章段落的开始和结束。浏览器在解释HTML文档时，会自动忽略文档中的回车、空格以及其他一些符号，所以在文档中输入回车，并不意味着在浏览器内将看到一个不同的段落，当需要在网页中插入新的段落时，可以使用段落标记，它可以将标记后面的内容另起一段。格式：
      …
      。 强制换行标记 功能：另起一行显示文字。 格式：
       插入水平线标记 功能：在页面上画横线，可用于页面上内容的分割。 格式：
       1．无序列表 功能：设置无序列表。 格式：