【传智播客】网页设计与制作项目(题库与答案) |
您所在的位置:网站首页 › 使用浏览器预览网页的快捷键 › 【传智播客】网页设计与制作项目(题库与答案) |
1、在HTML中,网页要显示的主体内容应放置在( C )。 A、标记之间 B、标记之间 C、标记之间 D、HTML中的任意位置 【答案解析】与标记之间,输入HTML文档的标题,在与标记之间添加网页要显示的主体内容。
2、使用内嵌式添加CSS样式,CSS样式需要写在( D )。 A、标记之间 B、标记之间 C、标记之间 D、标记之间 【答案解析】与标记之间,输入HTML文档的标题,在与标记之间添加网页要显示的主体内容, CSS样式写在标记内。
3、在Dreamweaver中,使用主浏览器预览网页的快捷键是( B )。 A、Ctrl+S B、F12 C、F5 D、Ctrl+F12 【答案解析】在Dreamweaver中,使用主浏览器预览网页的快捷键是F12,一般把IE浏览器或谷歌浏览器设为次浏览器,快捷键Ctrl+F12。
4、在Dreamweaver中,使用次浏览器预览网页的快捷键是( D )。 A、Ctrl+S B、F12 C、F5 D、Ctrl+F12 【答案解析】在Dreamweaver中,使用主浏览器预览网页的快捷键是F12,一般把IE浏览器或谷歌浏览器设为次浏览器,快捷键Ctrl+F12。
5、开发网页的工具有多种,在实际工作中,最常用的的网页制作工具是( D )。 A、Editplus B、notepad++ C、sublime D、Dreamweaver 【答案解析】网页制作过程中,为了开发方便,通常我们会选择一些较便捷的工具,如Editplus、notepad++、sublime、Dreamweaver等。实际工作中,最常用的网页制作工具是Dreamweaver,本书中的案例将全部使用Dreamweaver。
6、在Dreamweaver中,新建HTML默认文档的快捷键是( B )。 A、Ctrl+N B、Ctrl+Shift+N C、Ctrl+Shift+S D、Ctrl+F12 【答案解析】在Dreamweaver中,新建一个HTML默认文档的快捷键是Ctrl+Shift+N,Ctrl+N为新建文档快捷键。
7、在HTML文档头部标记中,使用标记的name和content属性可以为搜索引擎提供信息。设置网页关键字的name属性值应该为( A )。 A、keywords B、description C、charset D、expires 【答案解析】"keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类,name属性用来设置关键字。
8、在HTML文档头部标记中,使用标记的name和content属性可以为搜索引擎提供信息。设置网页描述的name属性值应该为( B )。 A、keywords B、description C、charset D、expires 【答案解析】通过设置name属性值为description来设置网页的描述。网页简短描述不能太长,应该保持在140-200个字符或者100个左右的汉字;不要给网页定义与网页描述内容无关的简短描述;由于网页制作者滥用description(提供与网页无关的简短描述),导致目前常用的搜索引擎降低了description的重要性。
9、下列属性中,用于设置鼠标悬停时图像的提示文字的是哪一项?( A ) A、title B、alt C、width D、height 【答案解析】用于设置鼠标悬停时图像的提示文字的属性是title属性。
10、在HTML中,用于设置页面元信息的标示符是( D )。 A、 B、 C、 D、 【答案解析】标记用于定义页面的元信息,可重复出现在头部标记中。
11、位于HTML文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范的标记是( A )。 A、 B、 C、 D、 【答案解析】 标记位于文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范,如《网页设计与制作(HTML+CSS)》这本书中使用的是Dreamweaver默认的XHTML1.0过渡型XHTML文档。
12、下列标记中,用于定义HTML文档所要显示内容的是( B )。 A、 B、 C、 D、 【答案解析】标记用于定义HTML文档所要显示的内容,也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于标记内,标记中的信息才是最终展示给用户看的。
13、下面选项中,可以将HTML页面的标题设置为“传智播客”的是( B )。 A、传智播客 B、传智播客 C、传智播客 D、传智播客 【答案解析】标记用于定义HTML文档的头部信息,也称为头部标记,紧跟在标记之后,主要用来封装其他位于文档头部的标记。即是标记封装的一个标记,用来设置页面的标题。
14、以下标示符中,用于设置页面标题的是( A )。 A、 B、 C、 D、 【答案解析】标记用于定义HTML页面的标题,即给网页取一个名字,必须位于标记之内。
15、下列选项中,不属于文本标记属性的是( A )。 A、nbsp; B、align C、color D、face 【答案解析】align、color、face都是 标记的属性,只有“nbsp;”不是。
16、 在HTML中,表示内嵌CSS样式的标记是( B )。 A、 B、 C、 D、 【答案解析】在HTML中使用style标记表示使用内嵌式的CSS样式。
17、下面的选项中,属于常用的图片格式并且能够做动画的是( B )。 A、jpg格式 B、gif格式 C、psd格式 D、png格式 【答案解析】网页上常用的图像格式主要有GIF、JPG和PNG三种,而没有psd格式。但是,能支持动画的只有GIF格式。
18、在下列属性中,用来定义文本字体的是( B )。 A、color B、face C、size D、align 【答案解析】标记常用的属性有3个分别是color为文字颜色控制属性,size为字号控制属性,face为字体控制属性,而align不是标记的属性。
19、下列选项中,字号最大的是哪一项?( A ) A、 B、 C、 D、 【答案解析】HTML提供了6个等级的标题,即、、、、和,从到字号依次递减。
20、在网页中插入图像,若图像文件位于html文件的上两级文件夹,则在文件名之前加入( D ) A、../ B、/ C、./ D、../../ 【答案解析】图像文件位于html文件的上一级文件夹:在文件名之前加入“../” ,如果是上两级,则需要使用 “../ ../”,以此类推,如。
21、标记链接图片的属性是( A )。 A、src B、alt C、width D、height 【答案解析】src属性用于指定图像文件的路径和文件名,他是img标记的必需属性。
22、在下列属性中,用来定义文本字体颜色的是( A ) A、color B、face C、size D、align 【答案解析】在标记中,color为文字颜色控制属性,size为字号控制属性,face为字体控制属性,而align不是标记的属性。
23、下列选项中,不是标记属性的是( D ) A、src B、alt C、width D、href 【答案解析】ABC三项都是
24、下面标记中,用来显示段落的标记是( D )。 A、 B、 C、 D、 【答案解析】标记是标题标记,是换行标记, 是段落标记。
25、下面标记中,表示换行的标记是( C )。 A、 B、 C、 D、 【答案解析】为单标记,不是双标记。
26、下列选项中,没有对应的结束标记的是哪一项?( D ) A、 B、 C、 D、 【答案解析】没有对应的结束标记的是
27、网页中的图像文件位于html文件的下一级文件夹img下,则以下CSS书写正确的是( C ) A、 B、 C、 D、 【答案解析】在网页中插入图像,若图像文件位于html文件的下一级文件夹,则需输入文件夹名和文件名,之间用“/”隔开。
28、下列关于特殊字符的说法不正确的是( C ) A、特殊字符的代码通常由前缀"&"、字符名称和后缀为英文状态下的";"组成。B、可以通过菜单栏直接插入相应特殊字符的代码C、转义序列各字符间可以有空格D、转义序列必须以分号结束【答案解析】特殊字符的代码通常由前缀“&”、字符名称和后缀为英文状态下的“;”组成。在网页中使用这些特殊字符时只需输入相应的代码替代即可。另外,在Dreamweaver中,还可以通过菜单栏中的【插入】→【HTML】→【特殊字符】选项直接插入相应特殊字符的代码。另外,转义序列各字符间不能有空格,并且转义序列必须以分号结束。
29、在HTML中,常用的字符集编码方式有UTF-8和gb2312两种。下列关于字符集的描述正确的是( D )。 A、UTF-8字符集中,只有中文,没有日语、阿拉伯语等其他语言 B、同样的文本,使用UTF-8格式要比gb2312格式文件体积小 C、UTF-8字符集由中国制定标准 D、制作有韩语字符的网页,不能使用gb2312字符集 【答案解析】对于中文网页开发者来说,常见的字符集有UTF-8和gb2312两种。UTF-8是国际规范,gb2312是中国国标规范。UTF-8基本涵盖全球所有语言字符,而gb2312仅有中文(包括繁体中文)和少量日文片假名等其他语言字符。UTF-8中,一个汉字占3个字节;而gb2312中,一个汉字仅占2个字节。
30、下列标记中,用来设置文本为粗体的是( C ) A、 B、 C、 D、 【答案解析】表示下划线,表示删除线,和表示粗体。 判断题 1、实际工作中,常常依靠浏览器插件调试网页的兼容性问题,其中最常用的就是谷歌浏览器的Firebug插件。( 错 ) 【答案解析】Firebug是火狐浏览器下的一款开发插件,属于火狐强力推荐的插件之一,它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发HTML、CSS、JavaScript等的得力助手。
2、在网页建设中,运用JavaScript可以将静态页面转变成支持用户交互并响应相应事件的动态页面。( 错 ) 【答案解析】CSS采用内嵌方式,虽然与HTML在同一个文件中,但CSS集中写在HTML文档的头部,也是符合结构与表现相分离的。
3、JavaScript是Web上一种功能强大的编程语言,用于开发交互式的Web页面。它不需要进行编译,而是直接嵌入在HTML页面中,把静态页面转变成支持用户交互并响应事件的动态页面。( 对 )
4、所有的浏览器对同一个CSS样式的解析都相同,因此页面在不同浏览器下的显示效果完全一样。( 错 ) 【答案解析】不同的浏览器对同一个CSS样式有不同的解析,这样就导致了同样的页面在不同浏览器下的显示效果可能不同。
5、因为静态网页的访问速度快,所以现在互联网上的大部分网站都是由静态网页组成的。( 错 ) 【答案解析】现在互联网上的大部分网站都是由静态网页和动态网页混合组成的,两者各有千秋,用户在开发网站时可根据需求酌情采用。
6、与标记之间,用于输入HTML文档的标题。( 对 )
7、HTML语言主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。( 对 )
8、实际工作中,调试网页的兼容性问题主要依靠谷歌浏览器的Firebug插件。( 错 ) 【答案解析】Firebug是火狐浏览器下的一款开发插件,属于火狐强力推荐的插件之一,它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发HTML、CSS、JavaScript等的得力助手。
9、行为是指网页模型的定义及交互的编写,主要包括xml和xhtml两个部分。( 错 ) 【答案解析】行为是指网页模型的定义及交互的编写,主要包括DOM和ECMAScript两个部分。
10、CSS样式中的注释“/* */”中的内容,浏览器不会解析,主要是用于提示初学者。( 对 )
11、网页主要由文字、图像和超链接等元素构。( 对 )
12、大多数网页都是用HTML编写网页结构和内容,版面布局、文本或图片的显示样式则使用CSS控制。( 对 )
13、HTTP (英文Hypertext transfer protocol的缩写) 中文译为超文本传输协议。( 对 )
14、“HTTP”是一种详细规定了浏览器和万维网服务器之间互相通信的规则。( 对 )
15、Dreamweaver中浏览网页的快捷键是F11。( 错 ) 【答案解析】是F12
16、CSS非常灵活,既可以嵌入在HTML文档中,也可以是一个单独的外部文件。( 对 )
17、在Dreamweaver中制作网页,在菜单栏中选择【文件】→【保存】选项,或使用快捷键Ctrl+S,即可完成文件的保存。 ( 对 )
18、URL(英文Uniform Resource Locator的缩写)中文译为“统一资源定位符”。URL其实就是Web地址,俗称“网址”。( 对 )
19、不可以针对不同的浏览器设置不同的CSS样式。( 错 ) 【答案解析】CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。
20、在网站建设中,JavaScript用于搭建页面结构。( 错 ) 【答案解析】在网站建设中,HTML用于搭建页面结构,CSS用于设置页面样式,而JavaScript则用于为页面添加动态效果。
21、XML(英文The Extensible Markup Language 的缩写)是一种可扩展标记语言。( 对 )
22、Firebug是谷歌浏览器下的一款开发插件,属于谷歌强力推荐的插件之一。( 错 ) 【答案解析】Firebug是火狐浏览器下的一款开发插件,属于火狐强力推荐的插件之一,它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发HTML、CSS、JavaScript等的得力助手。
23、一个制作好的网页文件,必须要使用浏览器打开,才能看到网页所呈现的效果。( 对 )
24、实际网页制作过程中,最常用的网页制作工具是Dreamweaver。( 对 )
25、Firebug是IE浏览器中常用的一个插件,属于IE强力推荐的插件之一。( 错 ) 【答案解析】Firebug是火狐浏览器下的一款开发插件,属于火狐强力推荐的插件之一,它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和Ajax的得力助手。
26、JavaScript代码只能嵌入在HTML中。( 错 ) 【答案解析】JavaScript代码可以嵌入在HTML中,也可以创建.js外部文件。
27、大多数网页都是用HTML编写网页结构和内容,版面布局、文本或图片的显示样式则使用CSS控制。( 对 )
28、WWW(英文World Wide Web的缩写)中文译为“互联网”。( 错 ) 【答案解析】WWW(英文World Wide Web的缩写)中文译为“万维网”。
29、网页主要由文字、图像和超链接等元素构成。( 对 )
30、在特殊字符中,“”用来表示大于号。( 对 )
31、通过vspace和hspace属性可以分别调整图像的垂直边距和水平边距。( 对 )
32、在HTML页面中,带有“< >”符号的元素被称为单标记与双标记。( 对 )
33、页面中的信息,必须放在相应的单标记与双标记中,才能被浏览器正确解析(对)
34、标记是一个区块容器标记,可以将网页分割为独立的、不同的部分,以实现网页的规划和布局。( 对 )
35、为单标记,用于定义一条水平线。(对)
36、图像文件和html文件位于同一文件夹,相对地址为
37、中还可以嵌套多层。(对)
38、标记可以用来控制网页中文本的字体、字号、对齐方式和颜色。(错) 【答案解析】标记可以用来控制网页中文本的字体、字号和颜色,但是不可以控制对齐方式。
39、h1标记属于双标记(对)
40、 是一个块级元素。(对)
41、使用回车键换行的段落可以实现强制换行的效果。(错) 【答案解析】使用回车键换行的段落在浏览器实际显示效果中并没有换行,只是多出了一个字符的空白,而使用换行标记的段落却实现了强制换行的效果。
42、和都可以使文字以加删除线的方式显示(XHTML推荐使用)(错) 【答案解析】XHTML推荐使用,而不是。
43、在图像常用格式中,GIF只能处理256种颜色。(对)
44、在HTML页面中,为双标记,用于定义一条水平线。(错) 【答案解析】为单标记,不是双标记
45、在网页中需要插入图片的相对路径中,“../”用于指定上一级文件夹。(对)
46、标记和浏览器的兼容性无关,为了代码简洁,可以删掉。(错) 【答案解析】标记和浏览器的兼容性相关,删除,就是把如何展示HTML页面的权利交给浏览器。这时,IE6,IE7,IE8,Firefox2,Firefox3,Chrome,有多少种浏览器,页面就有可能有多少种显示效果,这是不被允许的。
47、标记用于定义HTML文档的头部信息,也称为头部标记。(错) 【答案解析】标记用于定义HTML文档的头部信息,也称为头部标记,紧跟在标记之后,主要用来封装其他位于文档头部的标记,例如
48、特殊字符的代码通常由前缀“&”、字符名称和后缀为英文状态下的“;”组成。(对)
49、在网页制作中,当切图完成后,导出的图片应存储在站点根目录的CSS文件夹内。(错) 【答案解析】css文件夹用于存放网站所需的css样式表。images文件夹用于存放网站所需的图像文件。
50、在标记的嵌套过程中,必须先结束最靠近内容的标记,再按照由外及内的顺序依次关闭标记(错) 【答案解析】在标记的嵌套过程中,必须先结束最靠近内容的标记,再按照由内及外的顺序依次关闭标记。
51、在网页中需要插入图片的相对路径中,“../”用于指定上一级文件夹。(对)
52、一个HTML文档可以含有多对标记(错) 【答案解析】一个HTML文档只能含有一对标记,绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。
53、和都用来表示文字以斜体方式显示,但是一般推荐使用< i >(错) 【答案解析】和都用来表示文字以斜体方式显示,但是推荐使用。
54、在HTML中,标记可以拥有多个属性。(对)
55、在标记中,size可以取到的值为1~8。(错) 【答案解析】在标记中,size可以取到的值为1~7,且为整数值。
56、在网页制作中,Fireworks也可以用来制作CSS精灵图。( 对 )
57、相对路径不带有盘符,通过层级关系描述目标图像的位置。(错) 【答案解析】相对路径不带有盘符,通常是以HTML网页文件为起点,通过层级关系描述目标图像的位置。
58、目前最新的HTML版本是HTML5,但是由于各个浏览器对其支持不统一,所以还没有得到广泛应用。 ( 对 )
59、网页中需要定义什么内容,就用相应的HTML标记描述即可。 ( 对 )
60、 是HTML文档中最常见的标记,文本在一个段落中会根据浏览器窗口的大小自动换行。(对)
61、在标记中使用name属性提供搜索内容名称。设置网页关键字时,name的值为keywords。(对)
62、 标记中,可以插入~系列标记。( 错) 【答案解析】 标记属于文本级标记,里面只能放置文本级的元素,比如文字、图片、表单元素、超级链接、标记、标记、标记、标记等。不能放置~系列标记。
63、 标记位于文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范。( 对 )
64、在网页制作中,常用的切图工具主要有Photoshop和Fireworks。( 对 )
65、默认情况下图像是没有边框的,通过border属性可以为图像添加边框。(对)
66、开头处可以不使用标记为所有的XHTML文档指定XHTML版本和类型。(错) 【答案解析】必需在开头处使用标记为所有的XHTML文档指定XHTML版本和类型,只有这样浏览器才能将该网页作为有效的XHTML文档,并按指定的文档类型进行解析。 CSS 选择题 1、在CSS中,用于设置首行文本缩进的属性是( D ) A、text-decoration B、text-align C、text-transform D、text-indent 【答案解析】 text-decoration属性用于设置文本的下划线,上划线,删除线等装饰效果;text-align属性用于设置文本内容的水平对齐;text-transform属性用于控制英文字符的大小写;text-indent属性用于设置首行文本的缩进。 2、下列选项中,属于并集选择器书写方式的是( C ) A、h1p{} B、h1_p{} C、h1,p{} D、h1-p{} 【答案解析】并集选择器是各个选择器通过逗号连接而成的。
3、在行内式CSS样式中,标记可以设置元素的样式,它一般位于( C )标记中标记之后。 A、 B、 C、 D、 【答案解析】 行内式也称为内联样式,是通过标记的style属性来设置元素的样式,标记一般位于标记中标记之后。
4、为了更方便的控制网页中各种各样的字体,CSS提供了字体样式属性。下面选项中,设置字号大小书写正确的是( A ) A、{ font-size: 24px; } B、{ font: 24px; } C、{ fontSize: 24px; } D、{ size: 24px; } 【答案解析】 font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位。
5、下面的选项中, CSS样式规则的具体格式正确的是( C )。 A、选择器{属性1:属性值1; 属性2:属性值2 属性3:属性值3} B、选择器{属性1:属性值1, 属性2:属性值2, 属性3:属性值3;} C、选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;} D、选择器{属性1:属性值1 属性2:属性值2 属性3:属性值3}
6、text-transform属性用于控制英文字符的大小写。下列选项中,不属于其属性值的是( B )。 A、capitalize B、line-through C、lowercase D、uppercase 【答案解析】 text-transform属性用于控制英文字符的大小写,其可用属性值如下: none:不转换(默认值); capitalize:首字母大写; uppercase:全部字符转换为大写; lowercase:全部字符转换为小写;
7、在CSS中,提供了字体样式属性来控制网页中的字体。下面的字体样式设置正确的是( B ) A、{font-family: 黑体;} B、{font-family: “黑体”;} C、{fontFamily: “黑体”;} D、{font-Family: “黑体”;} 【答案解析】 font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等。中文字体需要加英文状态下的引号,英文字体一般不需要加引号。
8、页面上的div标签,其HTML代码为文字,为其设置CSS样式如下: #box{ color:blue; } .red{ color:red; }那么,文字的颜色将显示为 ( B ) A、红色 B、蓝色 C、黑色 D、白色 【答案解析】 使用不同的选择器对同一个元素设置文本颜色时,浏览器会根据选择器的优先级规则解析CSS样式。题目中的id选择器#box和类选择器.red都同时作用在了div标签上,由于id选择器的权重大于class选择器的权重,所以文字的颜色将以#box设置的为准,显示为蓝色。
9、如果使用内嵌式CSS样式表定义 标记字号为12像素,链入式定义 标记颜色为红色,那么段落文本将显示为( B ) A、只显示12像素 B、12像素红色 C、只显示红色 D、以上都不正确 【答案解析】 本题考查的是CSS层叠性。所谓层叠性是指多种CSS样式的叠加。当使用内嵌式CSS样式表定义 标记字号大小为12像素,链入式定义 标记颜色为红色,那么段落文本将显示为12像素红色,即这两种样式产生了叠加。
10、下列选项中,符合标签指定式选择器的写法要求的是( A ) A、由两个选择器构成,其中第一个为标记选择器,第二个为class选择器或id选择器,两个选择器之间不能有空格。 B、由两个选择器构成,其中第一个为标记选择器,第二个为class选择器或id选择器,两个选择器之间必须有空格。 C、由两个选择器构成,其中第一个为标记选择器,第二个必须为class选择器,两个选择器之间不能有空格。 D、由两个选择器构成,其中第一个为标记选择器,第二个为id选择器,两个选择器之间必须有空格。 【答案解析】 标签指定式选择器又称交集选择器,由两个选择器构成,其中第一个为标记选择器,第二个为class选择器或id选择器,两个选择器之间不能有空格,如h3.special或p#one。
11、下面的选项中, 行内式CSS样式的基本语法格式正确的是( D ) A、 内容 B、 内容 C、 内容 D、 内容 【答案解析】 CSS样式规则,具体格式如下: 选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
12、当 标记内嵌套标记时,就可以使用后代选择器对其中的标记进行控制,下列写法正确是( B ) A、strong p{color:red;} B、p strong{color:red;} C、strong,p{color:red;} D、p.strong{color:red;} 【答案解析】 后代选择器用来选择元素或元素组的后代,其写法就是把外层标记写在前面,内层标记写在后面,中间用空格分隔。根据后代选择器的相关写法,因为是 标记嵌套了标记,因此正确的写法是B。
13、关于内嵌式CSS样式的语法格式中,下列选项正确的是( A ) A、选择器{k:v; k:v; k:v;} B、选择器{k:v, k:v, k:v,} C、选择器{k,v; k,v; k,v;} D、选择器{k->v; k->v; k->v;} 【答案解析】 内嵌式是将CSS代码集中写在HTML文档的头部标记中,并且用标记定义,其基本语法格式如下: 选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
14、使用标签指定式选择器,让段落应用class名为test的类,下列写法正确的是( C ) A、.p .test{color:red;} B、p#test{color:red;} C、p.test{color:red;} D、.p,test{color:red;} 【答案解析】 标签指定式选择器又称交集选择器,由两个选择器构成,其中第一个为标记选择器,第二个为class选择器或id选择器,两个选择器之间不能有空格,如h3.special或p#one。因此,此处的写法正确的是:p.test{color:red;}
15、在CSS中,两个或多个基础选择器可以通过不同的方式进行组合。下列写法错误的是( D )。 A、.myDiv.mySpan B、myDiv.mySpan C、myDiv.mySpan D、.myDiv#myDiv 【答案解析】 两个或多个基础选择器,可以通过不同的方式进行组合。D选项其实写法没有错,但是id选择器是唯一的,所以不加前面的.myDiv。
17、关于行内式引入CSS样式表,以下书写正确的是( C ) A、 段落文本 B、 段落文本 C、 段落文本 D、 段落文本 【答案解析】 行内式也称为内联样式,是通过标记的style属性来设置元素的样式,其基本语法格式如下: 内容
18、下列选项中,符合后代选择器书写要求的是( A ) A、p strong{ font-weight:bold; } B、p.strong{ font-weight:bold; } C、p,strong{ font-weight:bold; } D、p#div{ font-weight:bold; } 【答案解析】 后代选择器用来选择元素或元素组的后代,其写法就是把外层标记写在前面,内层标记写在后面,中间用空格分隔。当标记发生嵌套时,内层标记就成为外层标记的后代。B选项和D选项是标签指定选择器,C是并集选择器。
19、页面上的div标签,其HTML代码为文字,为其设置CSS样式如下: #box{ color:blue; } 那么,文字的颜色将显示为 ( A )。 A、红色 B、蓝色 C、黑色 D、以上选项都不正确 【答案解析】不同的选择器对同一个元素设置文本颜色时,浏览器会根据选择器的优先级规则解析CSS样式。题目中的div标签,其行内样式设置文字为红色,id选择器样式设置文字为蓝色。由于id选择器的权重小于行内样式,所以文字颜色显示为红色。 一般来说,选择器权重优先顺序为:行内样式> id选择器>类选择器>标签选择器。
20、页面上的div标签,其HTML结构如下: 传智播客对应的CSS样式代码如下: #father #son{ color:red; } #father p{ color:blue; } div .son{ color:yellow; } div p{ color:green; }那么,文字的颜色将显示为( A ) A、红色 B、蓝色 C、黄色 D、绿色 【答案解析】 定义CSS样式时,经常出现两个或更多规则应用在同一元素上,这时就会出现优先级的问题。CSS为每一种基础选择器都分配了一个权重,其中,标记选择器具有权重1,类选择器具有权重10,id选择器具有权重100。下面,计算题目中四个选择器的权重如下: #fater #son的权重是200 #father p 的权重是101 div .son 的权重是11 div p 的权重是2 所以,文字颜色应该以权重最高的#father #son设置的样式为准,显示为红色。
21、下面的选项中, 表示元素距离上下左右的外边距都是10px的是哪一项?( D ) A、{padding:10px;} B、{margin: 10px 0;} C、{padding: 10px 0;} D、{margin: 10px;} 【答案解析】 在CSS中,表示外边距的属性是margin,如果元素距离四个方向的外边距为相同的值10px,可以表示为“margin:10px;”。
22、下列选项中,用于更改元素左内边距的是( B )。 A、text-indent B、padding-left C、margin-left D、padding-right 【答案解析】 在CSS中padding属性用于设置内边距,方法如下: padding-top:上内边距; padding-right:右内边距; padding-bottom:下内边距; padding-left:左内边距;
23、下列样式代码中,用于定义盒子上边框为1像素、蓝色、单实线的是( A )。 A、border-top:1px solid blue; B、border:1px solid blue; C、border-top:1px dashed blue; D、border:1px dashed blue; 【答案解析】 在CSS中边框属性包括边框样式属性(border-style)、边框宽度属性(border-width)、边框颜色属性(border-color)、单侧边框的属性、边框的综合属性。 对本题中几个单词的解释如下: border-top:上边框 solid:边框为单实线 dashed:边框为虚线
24、在HTML中,创建黑体字的文本标签是( D )。 A、 B、 C、 D、 【答案解析】 这个标签可以将其包起来的文字排版、格式,原封不动的呈现出来。为标题文本标签。
25、下列选项中,用于改变盒子模型外边距的是( A )。 A、margin B、padding C、type D、border 【答案解析】 用于改变盒子模型外边距的是margin,选A
26、关于盒子模型中的宽度和高度属性,下面说法正确的是( C )。 A、盒子模型中的宽度和高度属性适用于所有元素 B、盒子模型中的宽度和高度属性仅适用于行内元素 C、盒子模型中的宽度和高度属性仅适用于块级元素 D、以上说法都正确 【答案解析】 宽度属性width和高度属性height仅适用于块级元素,对行内元素无效(标记和除外)。
27、如果有两个上下并列关系的盒子,上面盒子的下外边距是30px,下面盒子的上外边距是20px,那么这两个盒子之间的间距是(A)。 A、30像素 B、20像素 C、50像素 D、10像素 【答案解析】 根据外边距合并的原理,会以最大外边距的为准,因此这里是30像素。
28、在下列选项中,对代码“ margin:10px 0 20px;”解释正确的是( A )。 A、上间距10px,左右间距0,下间距20px B、上间距10px,左间距0,右间距20px C、上下间距10px,左间距0,右间距20px D、上间距10px,左间距0,右下间距20px 【答案解析】 使用复合属性margin定义外边距时,必须按顺时针顺序采用值复制,一个值为四边、两个值为上下/左右,三个值为上/左右/下。
29、下列样式代码中,可以实现相对定位模式的是( D ) A、position: static; B、position: fixed; C、position: absolute; D、position: relative; 【答案解析】 position属性的常用值有四个,分别表示不同的定位模式: static:自动定位(默认定位方式)。 relative:相对定位,相对于其原文档流的位置进行定位。 absolute:绝对定位,相对于其上一个已经定位的父元素进行定位。 fixed:固定定位,相对于浏览器窗口进行定位。
30、下列样式代码中,可实现元素的溢出内容被修剪,且被修剪的内容不可见的是( B )。 A、overflow:visible; B、overflow: hidden; C、overflow: auto; D、overflow: scroll; 【答案解析】 overflow属性的常用值有四个,分别表示不同的含义: visible:内容不会被修剪,会呈现在元素框之外(默认值)。 hidden:溢出内容会被修剪,并且被修剪的内容是不可见的。 auto:在需要时产生滚动条,即自适应所要显示的内容。 scroll:溢出内容会被修剪,且浏览器会始终显示滚动条。
31、一个盒子的宽(width)和高(height)均为300px,左内边距为30px,同时盒子有3px的边框,请问这个盒子的总宽度是多少?( C) A、3px B、366px C、336px D、363px 【答案解析】 盒子的总宽度= width+左右内边距之和+左右边框宽度之和+左右外边距之和 所以,盒子的总宽度= width(300px)+左内边距(30px)+左右边框宽度之和(3px*2)=336px
32、以下属性中,不能增加盒子尺寸的属性是(D)。 A、height B、width C、padding D、text-decoration 【答案解析】text-decoration是文本修饰属性,它不能增大盒子的尺寸。
33、关于样式代码“.box{width:200px; padding:15px; margin:20px;}”下列说法正确的是( B )。 A、.box的总宽度为200px B、.box的总宽度为270px C、.box的总宽度为235px D、以上说法均错误 【答案解析】 盒子的总宽度= width+左右内边距之和+左右边框宽度之和+左右外边距之和 所以,.box的总宽度= width(200px)+左右内边距(15px*2)+左右外边距(20px*2) =270px
34、当上下相邻的两个块元素相遇时,如果上面的元素有下外边距margin-bottom,下面的元素有上外边距margin-top,则他们之间的垂直间距是( D )。 A、margin-top的值 B、margin-bottom的值 C、margin-bottom与margin-top之和 D、margin-bottom与margin-top中的较大者 【答案解析】 当上下相邻的两个块元素相遇时,如果上面的元素有下外边距margin-bottom,下面的元素有上外边距margin-top,则它们之间的垂直间距不是margin-bottom与margin-top之和,而是两者中的较大者。
35、在下面的程序中,第一个div和第二个div之间的垂直间距是(B)。 div{ width:200px; height:60px; background:red; } .one{ margin-bottom:20px;} .two{ margin-top:40px;} 第一个div 第二个divA、20px B、40px C、60px D、80px 【答案解析】第一个div和第二个div之前的垂直外边距会发生合并,合并后的外边距为margin-bottom与margin-top中的较大者,因此在上面的程序中两个div之间的垂直间距为40px。 判断题1、内嵌式是将CSS代码集中写在HTML文档的头部标记中,并且用标记定义。(对) 2、text-align属性用于设置文本内容的水平对齐,可适用于所有元素。(错) 【答案解析】text-align属性用于设置文本内容的水平对齐,但仅适用于块级元素,对行内元素无效
3、CSS样式中的选择器严格区分大小写,属性和值可以不区分大小写。(对)
4、如果行内样式表中规定,内嵌样式表规定#box{color:green !important; },#box文字颜色为绿色。(对)
5、通配符选择器设置的样式对所有的HTML标记都生效,不管标记是否需要该样式,这样反而降低了代码的执行速度。(对)
6、链入式最大的好处是同一个CSS样式表可以被不同的HTML页面链接使用。(对)
7、链入式是使用频率最高,也最实用的CSS样式表,它将HTML代码与CSS代码分离为两个或多个文件,实现了结构和表现的完全分离。(对)
8、font-family属性设置字体时, 中文字体需要加英文状态下的引号,英文字体一般不需要加引号。(对)
9、在CSS中,元素的边框属性不具有继承性。(对)
10、书写CSS样式时,多个属性之间必须用英文状态下的分号隔开,最后一个属性后的分号可以省略。(对)
11、如果行内样式表中规定,内嵌样式表规定#box{color:green !important; },#box文字颜色为绿色。(对)
12、通配符选择器设置的样式对所有的HTML标记都生效,不管标记是否需要该样式,这样反而降低了代码的执行速度。(对)
13、在CSS中,元素的内、外边距属性都不具有继承性。(对)
14、在CSS中,各个选择器通过逗号连接就形成了并集选择器。(对)
15、内嵌式是将CSS代码集中写在HTML文档的头部标记中,并且用标记定义。(对)
16、CSS样式中的选择器严格区分大小写,属性和值可以不区分大小写。(对)
17、行内式CSS样式是通过标记的属性来控制样式的,没有做到结构与表现的分离,所以一般很少使用。( 对 )
18、在行内式CSS样式中,属性和值的书写规范与CSS样式规则不相同。(错) 【答案解析】行内式也称为内联样式,是通过标记的style属性来设置元素的样式,属性和值的书写规范与CSS样式规则相同。
19、body元素设置字号属性时,标题文本不会采用这个样式,说明标题标记没有继承文本字号,不具有继承性。(错) 【答案解析】当为body元素设置字号属性时,标题文本不会采用这个样式,是因为标题标记h1-h6有默认字号样式,这时默认字号覆盖了继承的字号。但是,标题标记继承了文本字号。
20、并集选择器是各个选择器通过逗号连接而成的,任何形式的选择器都可以作为并集选择器的一部分(对)
21、text-align属性用于设置文本内容的水平对齐,可适用于所有元素。(错) 【答案解析】text-align属性用于设置文本内容的水平对齐,但仅适用于块级元素,对行内元素无效。
22、font-variant属性用于设置变体(字体变化),一般用于定义小型大写字母,仅对英文字符有效。(对)
23、在CSS中,元素的宽高属性具有继承性。(错) 【答案解析】并不是所有的CSS属性都可以继承,元素的宽高属性不具有继承性
24、CSS基础选择器仅有三种,分别是标记选择器、类选择器、id选择器。(错) 【答案解析】CSS基础选择器有4种:标记选择器、类选择器、id选择器、通配符选择器。
25、链入式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,通过标记将外部样式表文件链接到HTML文档中。(对)
26、使用并集选择器定义样式与对各个基础选择器单独定义样式效果完全不相同。(错) 【答案解析】使用并集选择器定义样式与对各个基础选择器单独定义样式效果完全相同。
27、在链入式CSS样式中,一个HTML页面可以引入多个样式表。(对)
28、id选择器使用“#”进行标识,后面紧跟id名。(对)
29、在CSS中,任何的HTML标记都拥有style属性。( 对 )
30、在CSS代码中,空格是不被解析的。因此,属性的值和单位之间允许出现空格。(错) 【答案解析】在CSS代码中空格是不被解析的,花括号以及分号前后的空格可有可无。但是,属性的值和单位之间是不允许出现空格的,否则浏览器解析时会出错。例如:h2{ font-size:20 px; },其中,20和单位px之间有空格,这样的代码是错误的。
31、如果不设置元素的浮动属性,则块元素占页面整行。( 对)
32、外边距指的是元素边框与相邻元素之间的距离。(对)
33、内边距出现在盒子模型内容区域的周围。(对)
34、在HTML中,标记可以嵌套于标记中,成为它的子元素,但是反过来则不成立。( 对 )
35、在CSS中,在给块元素设置宽度的前提下,使块元素水平居中的代码为“margin: 0 auto;”。( 对 )
36、默认情况下,背景图像会自动向水平和竖直两个方向平铺。(对)
37、当对元素应用绝对定位后,其在标准流中位置将保持不变。(错) 【答案解析】脱离了标准文档流的控制,不再占据标准文档流中的空间。
38、在HTML中,常见的行内元素有、、、、、、、、 、等。(错) 【答案解析】 标记为块元素。
39、当对元素应用“overflow:visible;”样式时,元素的溢出内容会被修剪。(错) 【答案解析】“overflow:visible;”:内容不会被修剪,会呈现在元素框之外(默认值)。
40、在CSS中,可以通过position属性为元素设置浮动。(错) 【答案解析】通过float属性来定义元素的浮动
41、浮动元素不会对页面中其他元素的排版产生影响。(错) 【答案解析】由于浮动元素不再占用原文档流的位置,所以会对页面中其他元素的排版产生影响。
42、行内元素也称内联元素或内嵌元素,其特点是,不必在新的一行开始,同时,也不强迫其他的元素在新的一行显示。(对)
43、内边距padding相关属性的取值可为auto自动(默认值)、不同单位的数值、相对于父元素(或浏览器)宽度的百分比%,实际工作中最常用的是像素值px,不允许使用负值。(对)
44、对浮动元素应用左外边距或右外边距时,在IE6浏览器中会出现双边距Bug。(对)
45、当position属性的取值为absolute时,可以将元素的定位模式设置为绝对定位。(对)
46、静态定位是元素的默认定位方式。(对)
47、每个元素都必须定义内边距、边框、外边距等盒子模型的基本属性。(错) 【答案解析】盒子模型拥有内边距、边框、外边距、宽和高这些基本属性,但是并不要求每个元素都必须定义这些属性。
48、如果不对元素定义position属性,该元素将没有自己的位置。(错) 【答案解析】任何元素在默认状态下都会以静态定位来确定自己的位置,所以当没有定义position属性时,并不说明该元素没有自己的位置,它会遵循默认值显示为静态位置。
49、当position属性的取值为fixed时,可以将元素的定位模式设置为固定定位。( 对)
50、应用了“float:right;”样式的元素将向右侧浮动。( 对 )
51、宽度属性width和高度属性height对块元素无效。( 错 ) 【答案解析】宽度属性width和高度属性height仅适用于块级元素,对行内元素无效(标记和除外)。
52、标记常用于定义网页中某些特殊显示的文本,配合class属性使用。( 对 )
53、after伪对象清除浮动,只适用于IE8及以上版本浏览器和其他非IE浏览器。( 对 )
54、固定定位是以浏览器窗口作为参照物来定义网页元素的。( 对 )
55、外边距属性的取值不可以为负值。( 错 )
56、不可以通过边偏移属性更改相对定位元素的位置。( 错) 【答案解析】对元素设置相对定位后,可以通过边偏移属性改变元素的位置。
57、当盒子内的元素超出盒子自身的大小时,内容一般会溢出。( 对)
58、绝对定位是将元素依据浏览器窗口进行定位。(错) 【答案解析】绝对定位是将元素依据最近的已经定位(绝对、固定或相对定位)的父元素进行定位,若所有父元素都没有定位,则依据body根元素(浏览器窗口)进行定位。
59、内边距padding相关属性的取值可为auto自动(默认值)、不同单位的数值、相对于父元素(或浏览器)宽度的百分比%,实际工作中最常用的是像素值px,不允许使用负值。(对)
60、在设置边框宽度和边框颜色时,必须同时设置边框样式。( 对 )
61、外边距指的是元素边框与相邻元素之间的距离。( 对 )
62、在HTML中,常见的行内元素有、、、、、、、、 、等。( 错 ) 【答案解析】 为块元素。
63、在CSS中,可以通过position属性为元素设置浮动。( 错 ) 【答案解析】通过float属性来定义元素的浮动。
64、外边距属性的取值不可以为负值。( 错 ) 【答案解析】外边距可以使用负值,使相邻元素重叠。
65、通过定位模式属性position可精确定义元素的具体位置。( 错 ) 【答案解析】定位模式(position)仅仅用于定义元素以哪种方式定位,并不能确定元素的具体位置,在CSS中,通过边偏移属性top、bottom、left或right,来精确定义定位元素的位置。
66、after伪对象清除浮动只适用于IE6及以上版本浏览器和其他非IE浏览器。( 错 ) 【答案解析】使用after伪对象清除浮动,但是该方法只适用于IE8及以上版本浏览器和其他非IE浏览器。
67、静态定位状态下,无法通过边偏移属性(top、bottom、left或right)来改变元素的位置。( 对 )
68、浮动元素不会对页面中其他元素的排版产生影响。( 错 ) 【答案解析】由于浮动元素不再占用原文档流的位置,所以会对页面中其他元素的排版产生影响。
69、当盒子内的元素超出盒子自身的大小时,内容一般会溢出。( 对 )
70、外边距指的是元素边框与相邻元素之间的距离。( 对 )
71、当position属性的取值为fixed时,可以将元素的定位模式设置为固定定位。( 对 )
72、after伪对象清除浮动,只适用于IE8及以上版本浏览器和其他非IE浏览器。( 对 )
73、如果不设置元素的浮动属性,则块元素占页面整行。( 对 )
74、在CSS中,background-color是用来设置背景图像位置的属性。( 错 ) 【答案解析】background-color是设置背景颜色的属性。
75、内边距padding相关属性的取值可为auto自动(默认值)、不同单位的数值、相对于父元素(或浏览器)宽度的百分比%,实际工作中最常用的是像素值px,不允许使用负值。(对)
76、对元素应用“overflow:visible;”样式,可清除浮动对该元素的影响。( 错 ) 【答案解析】对元素应用“overflow:hidden;”样式,可以清除浮动对该元素的影响。
77、当position属性的取值为relative时,可以将元素定位于相对位置。( 对 )
78、padding属性用于设置内边距。在实际工作中,内边距属性单位通常为px,并可以取负值。(错) 【答案解析】内边距padding相关属性的取值可为auto自动(默认值)、不同单位的数值、相对于父元素(或浏览器)宽度的百分比%,实际工作中最常用的是像素值px,不允许使用负值。
79、当position属性的取值为fixed时,可以将元素定位于静态位置。(错) 【答案解析】当position属性的取值为static时,可以将元素定位于静态位置。
80、在HTML中,与之间可以包含各种标记。( 错 ) 【答案解析】与之间只能包含文本和各种行内标记。
81、当对元素应用绝对定位后,其在标准流中位置将保持不变。( 错 ) 【答案解析】脱离了标准文档流的控制,不再占据标准文档流中的空间。
82、在CSS中,边框属性包括边框样式属性、边框宽度属性、边框颜色属性、单侧边框的属性以及边框的综合属性。( 对 )
83、每个元素都必须定义内边距、边框、外边距等盒子模型的基本属性。( 错 ) 【答案解析】盒子模型拥有内边距、边框、外边距、宽和高这些基本属性,但是并不要求每个元素都必须定义这些属性。
84、在HTML中,为标记设置宽高属性时,需要将标记转换为块元素。(对)
85、一个div的高度为200px,内边距为10px,边框为1px,那么它的总高度尺寸为222px。(对)
86、在CSS中,在给块元素设置宽度的前提下,使块元素水平居中的代码为“margin: 0 auto;”。( 对 )
87、当对元素应用“overflow:visible;”样式时,元素的溢出内容会被修剪。( 错 ) 【答案解析】“overflow:visible;”:内容不会被修剪,会呈现在元素框之外(默认值)。
88、在CSS中,代码“margin:10px 0;”表示左右间距是10px,上下间距是0。 ( 错 ) 【答案解析】如果margin属性只有两个值,那么第一个值代表上下的间距,第二个值代表左右的间距。
89、默认情况下子元素会继承父元素的背景。( 错 ) 【答案解析】默认情况下子元素不会继承父元素的背景。
90、如果不对元素定义position属性,该元素将没有自己的位置。( 错 ) 【答案解析】任何元素在默认状态下都会以静态定位来确定自己的位置,所以当没有定义position属性时,并不说明该元素没有自己的位置,它会遵循默认值显示为静态位置。
91、行内元素也称内联元素或内嵌元素,其特点是,不必在新的一行开始,同时,也不强迫其他的元素在新的一行显示。( 对 )
92、标记常用于定义网页中某些特殊显示的文本,配合class属性使用。( 对 )
93、内边距出现在盒子模型内容区域的周围。( 对 )
94、当position属性的取值为absolute时,可以将元素的定位模式设置为绝对定位。( 对 )
95、网页是多个盒子模型嵌套排列的结果。( 对 )
96、对于父子嵌套的元素,子元素的浮动绝不会对父元素产生影响。( 错 ) 【答案解析】对子元素设置浮动时,如果不对其父元素定义高度,则子元素的浮动会对父元素产生影响。
97、对元素应用相对定位后,它在文档流中的位置将消失。( 错 ) 【答案解析】对元素设置相对定位后,可以通过边偏移属性改变元素的位置,但是他在文档流中的位置仍然保留。
98、静态定位是元素的默认定位方式。( 对 )
99、在CSS中border属性是一个复合属性。( 对 )
100、不可以通过边偏移属性更改相对定位元素的位置。( 错 ) 【答案解析】对元素设置相对定位后,可以通过边偏移属性改变元素的位置。
101、在CSS中设置边框综合属性时,各个属性的值之间需要使用空格隔开。( 对 )
102、当对元素应用“overflow:hidden;”样式时,溢出内容会被修剪,并且被修剪的内容是不可见的。( 对 )
103、z-index属性可设置标准流中所有重叠元素的堆叠顺序。( 错 ) 【答案解析】z-index属性仅对定位元素生效。
104、元素的定位属性主要包括定位模式和边偏移两部分。( 对 )
|
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |