首页 理论教育 CSS基础知识复习指导

CSS基础知识复习指导

时间:2023-11-17 理论教育 版权反馈
【摘要】:CSS 标签选择器是用来指明文档中应用此样式规则的元素。行内式行内式是所有样式方法中最为直接、简单的一种,它直接对HTML 的标签使用style 属性,然后将CSS 代码直接写在其中。

CSS基础知识复习指导

1.CSS 的基本概念

层叠样式表(Cascading Style Sheet,CSS)是用于控制网页样式并允许将样式信息与网页内容分离的一种标记语言

2.CSS 特点

(1)可以将格式与结构分离。

(2)可以更好地控制页面布局。

(3)可以制作体积大小、下载速度更快的网页。

(4)可以将多个网页同时更新,比以前更快更容易。

3.CSS 的构造

CSS 的作用就是设置网页的各个组成部分的表现形式,要描述网页上一个标题的属性,也可以为标题列一张表。

CSS 样式规则由“选择器”和“声明”组成,而声明又由“属性”和“值(value)”组成,可以说CSS 规则是一系列“属性:值”对的集合。

(1)在英文大括号“{}”中的声明;属性和值之间用英文冒号“:”分割。

(2)各属性:值对之间用分号“;”分隔,最后一个“属性:值”对也可以没有分号。

(3)为了使样式便于阅读,一般将每条声明写在一个新行内。

4.标签选择器

选择器(Selector)是CSS 中一个很重要的概念,所有HTML 语言中的标签都是通过不同的CSS 选择器进行控制的。用户只需要通过选择器对于不同的HTML 标签进行控制,并赋予各种样式声明,即可实现各种效果。

一个HTML 页面由很多不同的标签(又称标记)组成,标签选择器就是HTML 文档中的元素(如p、body、hr 等)。CSS 标签选择器(type、selectors,也称为类型选择符)是用来指明文档中应用此样式规则的元素。

5.CSS 的基本用法

将CSS 和HTML 标签结合起来的方法常见的有4 种:行内式、内嵌式、链接式和导入式。在HTML 文档中可以使用一种或多种样式表。

(1)行内式

行内式是所有样式方法中最为直接、简单的一种,它直接对HTML 的标签使用style 属性,然后将CSS 代码直接写在其中。

(2)内嵌式

内嵌式样式表就是将CSS 样式写在<head>和</head>之间,并且用<style>和</style>标签进行声明。内嵌式仅仅适用于对特殊的页面设置单独的风格。

(3)链接式

链接式是使用频率最高,也是最为实用的方法;它将所有样式规则整合成一个独立的文档(通常是一个独立的纯文本文件,一般以.css 为后缀名),在<head>内(不是在<style>内)使用<link>标签将样式表文件链接到HTML 文件内,它的作用范围是所有引用或链接它的HTML文档。

(4)导入式

导入式与链接式的功能基本相同,只是语法和运作方式上略有区别。若在HTML 文件中导入样式表,则需要采用“@import”方式导入,还需要写在<style>标签内。

选择题

1.下面说法错误的是( )。

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

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

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

D.CSS 样式表不能制作体积更小、下载更快的网页

2.CSS 样式表不可能实现( )功能。

A.将格式和结构分离 B.一个CSS 文件控制多个网页

C.控制图片的精确位置 D.兼容所有的浏览器

3.在客户端网页脚本语言中最为通用的是( )。

A.JavaScript B.VB C.Perl D.ASP

4.在DHTML 中把整个文档的各个元素作为对象处理的技术是( )。

A.HTML B.CSS C.DOM D.Script(脚本语言)

5.下面不属于CSS 插入形式的是( )。

A.索引式 B.内联式 C.嵌入式 D.外部式

一、选择题

1.HTML 中,<pre>标签的作用是( )。

A.标题标记 B.预排版标记 C.转行标记 D.文字效果标记

2.不是链接文字颜色属性的是( )。

A.link B.vlink C.visit D.alink

3.不是<form>标签的属性的是( )。

A.get B.name C.method D.action

4.下列描述错误的是( )。

A.DHTML 是HTML 基础上发展的一门语言

B.根据处理用户操作位置的不同,HTML 主要分为两大类:服务器端动态页面和客户端动态页面

C.客户端的DHTML 技术包括HTML4.0、CSS、DOM 和脚本语言

D.DHTML 侧重于Web 内容的动态表现

5.HTML 中段落标志中,标注文件子标题的是( )。

A.<hn></hn> B.<pre><pre> C.<p> D.

6.下列不是表单中按钮的选项的是( )。

A.button B.enter C.submit D.reset

7.下列HTML 标签中,属于非成对标签的是( )。

A.
B.<ul> C.<P> D.<font>

8.以下标签中,用于设置页面标题的是( )。

A.<title> B.<caption> C.<head> D.<html>

9.在HTML 文本显示状态代码中,<sup></sup> 表示( )。

A.文本加注下标线 B.文本加注上标线

C.文本闪烁 D.文本或图片居中

10.在HTML 语言中,设置正在被单击的链接颜色的代码是( )。

A.<body bgcolor=? > B.<body alink=? >

C.<body link=? > D.<body vlink=? >

11.HTML 文本显示状态代码中<CENTER><.CENTER>表示( )。

A.文本加注下标 B.文本加注上标线

C.文本闪烁 D.文本或图片居中

12.加入一条水平线的HTML 代码是( )

A.<hr> B.<img src="name" border=? >

C.<img src="name" align=? > D.<img src="name">

13.跳转到“hello.html”页面的“bn”锚点的代码是( )。

A.<a href="hello.html&bn">...</a>

B.<a href="bnl#hellohtml">...</a>

C.<a href="hello.html#bn">...</a>

D.<a href="#bn">...</a>

14.<a href="hello.html#top">...</a>,表示( )。

A.跳转到“hello.html”页面的顶部

B.跳转到“hello.html”页面的“top”锚点

C.跳转到“hello.html”页面的底部

D.跳转到“hello.html”页面的文字“top”所在链接

15.表示新开一个窗口的超链接代码是( )。

A.<a href=URL target=_new>..</a>

B.<a href=URL target=_self>..</a>

C.<a href=URL target=_blank>..</a>

D.<a href=URL target=_parent>..</a>

16.<a href=URL target=_parent>..</a>,表示( )。

A.打开一个空窗口的超链接代码 B.在父窗口打开超链接的代码

C.新开一个窗口的超链接代码 D.在本窗口中打开一个超链接的代码

17.表单提交中的方式有( )。

A.1 种 B.2 种 C.3 种 D.4 种

18.跨多行的表元的HTML 代码为( )。

A.<th colspan=#> B.<th rowspan=#> C.<td colspan=#> D.<td rowspan=#>

19.跨多列的表元的HTML 代码为( )。(www.xing528.com)

A.<th colspan=#> B.<th rowspan=#> C.<td colspan=#> D.<td rowspan=#>

20.设置表格的边框为0 的HTML 代码是( )。

A.<table cellspacing=0> B.<table height=0>

C.<table border=0> D.<table cellpadding=0>

21.在HTML 语言中,设置背景颜色的代码是( )。

A.<body bgcolor=? > B.<body text=? >

C.<body link=? > D.<body vlink=? >

22.<marquee>...</marquee>,表示( )。

A.页面空白 B.页面属性 C.标题传递 D.移动文字

23.<marquee direction=left>...</marquee>,“left”表示( )。

A.移动文字从上到下 B.移动文字从下到上

C.移动文字从左到右 D.移动文字从右到左

24.<marquee direction=down>...</marquee>,“down”表示( )。

A.移动文字从上到下 B.移动文字从下到上

C.移动文字从左到右 D.移动文字从右到左

25.指定移动文字的循环次数的HTML 代码是( )。

A.<marquee play=#>...</marquee> B.<marquee loop=#>...</marquee>

C.<marquee auto=#>...</marquee> D.<marquee time=#>...</marquee>

26.框架集的基本语法是( )。

A.<frames>...</frames> B.<frame>...</frame>

C.<frameset>...</frameset> D.<framed>...</framed>

27.<frameset cols=#>表示( )。

A.框架的行高 B.框架的行数 C.左右分割 D.上下分割

28.<frame rows=#>表示( )。

A.上下分割 B.框架的行数 C.左右分割 D.框架的列数

29.表示显示框架边框的HTML 的代码是( )。

A.<frameset frameborder=1> B.<frame frameborder=1>

C.<frame border=1> D.<frameset border=1>

30.隐藏框架空白区域的HTML 代码是( )。

A.<frame framespacing=#> B.<frameset framespadding=#>

C.<frameset frameborder=#> D.<frame framespadding=#>

31.在HTML 中,<form method=? >,method 表示( )。

A.提交的方式 B.表单所用的脚本语言

C.提交的URL 地址 D.表单的形式

32.增加表单的文字段的HTML 代码是( )。

A.<input type=submit> B.<input type=iamge>

C.<input type=text> D.<input type=hide>

33.增加表单的隐藏域的HTML 代码是( )。

A.<input type=submit> B.<input type=iamge>

C.<input type=text> D.<input type=hide>

34.增加表单的复选框的HTML 代码是( )。

A.<input type=submit> B.<input type=iamge>

C.<input type=text> D.<input type=checkbox>

35.定义表头的HTML 是( )。

A.<table> B.<td> C.<tr> D.<th>

36.嵌入hello.mp3 的代码是( )。

A.<src=hello.mp3 loop=1> B.<embed src=hello.mp3 loop=2>

C.<a src=hello.mp3 loop=2> D.<input=hello.mp3 loop=1>

37.设置表格的高度为600 的HTML 代码是( )。

A.<a table height=500 width=600>

B.<a table vspace=600 hspace=500>

C.<a table height=600 width=500>

D.<a table vspacet=500 hspace=600>

38.创建一个位于文档位置的链接的代码是( )。

A.<a href="#NAME"</a> B.<a href="NAME"</a>

C.<a href=mailto:EMAIL></a> D.<a href="URL"</a>

39.若要在网页中插入样式表main.css,以下用法中正确的是( )。

A.<Link href="main.css"type=text/css rel=stylesheet>

B.<Link Src="main.css"type=text/css rel=stylesheet>

C.<Link href="main.css"type=text/css>

D.<Include href="main.css" type=text/css rel=stylesheet>

40.若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体为“Arial”,字体大小为“9 pt”,行间距为“13.5 pt”,以下定义方法中正确的是( )。

A.<style>

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

</style>

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

C.<style>

.myText{FontName:Arial;FontSize:9pt;LineHeight:13.5pt}

</style>

D.<style>

..myText{FontName:Arial;Font-ize:9pt;Line-eight:13.5pt}

</style>

二、填空题

1.在网页中设定表格边框的厚度的属性是________;设定表格单元格之间宽度属性是________。

2.<caption align=bottom>表格标题</caption>功能是________。

3.<tr>….</tr>是用来定义________;<td>…</td>是用来定义________;<th>…</th>是用来定义________。

4.________标签用于定义表格的一行,它一般包含多组由________或________标签所定义的单元格。

5.________标签用于定义表格的单元格,它必须放在________标签中。

6.在一个最基本的表格元素中,必须包含一组________标签、一组________标签与一组________标签。

7.border 属性的参数值是数字,表示表格边框宽度所占的________。

8.CSS 的中文意思是________。

9.文件头标签也就是通常所见到的________标签。

10.创建一个HTML 文档的开始标记符________,结束标记符是________。

三、判断题

1.嵌套在此<head>标签中使用的主要标签有<title>标签。( )

2.在WWW 中,所谓的服务器端就是存放网页供用户浏览的网站;而客户端则是通过网络浏览网页的计算机与用户的总称。( )

3.运行于计算机上供用户操作和观看网页的应用程序为浏览器。( )

4.<img>标签中的border 属性可以给图像加一个边框,其默认值为1。( )

5.<img>标签中的align 属性只有top、middle、bottom 3 个参数。( )

6.<img>标签中的vspace 和hspace 属性能够调整图像与其他文本之间的距离,两者均取像素值。( )

7.只显示表格的左边框可以设置为<table frame="rhs">。( )

8.只显示行与行的分隔线可以设置为<table rules="cols">。( )

9.一个表格是由几行组成的,就要有几个行标签与之相对应,行标签<tr>是成对标签,它可以单独使用。( )

10.<tr>标签有4 个属性:align、width、height、valign,它们都是可选的。( )

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈