HTML/CSS单项选择题型六位学A、红色（正确答案）B、蓝色C、黄色号:页面上的div标签,其HTML结构如下： 传智播客对应的CSS样式代码如下：#father .son{ color:red;}#father p{ color:blue;}div .son{ color:yellow; }divp{color:green;｝那么,文字的颜色将显示为（）［单项选择题］ 绿色 D、答案解析: 定义CSS样式时,经常出现两个或更多规则应用在同一元素上,这时就会出现优先级的问题CSS为每一种基础选择器都分配了一个权重,其中,标记选择器具有权重1,类选择器具有权重10, id选择器具有权重100下面,计算题目中四个选择器的权重如下：#fater #son的权重是200#father p的权重是101div .son的权重是11div p的权重是2所以文字颜色应该以权重最高的#father #son设置的样式为准,显示为红色假设超链接的href属性,需要链接到list页面中的one锚点,以下书写正确的选项是）［单项选择题］A、 list.htmlB、 #one.listC、 list#oneD、list.html#one（正确答案）答案解析：创建锚点链接时,应该先写链接页面再写锚点名称下面选项中,字号最大的是哪一项？（）［单项选择题］A、 ＜h1＞（正确答案）B、 ＜h2＞C、 ＜h3＞D、 ＜h4＞答案解析: HTML 提供了 6 个等级的标题,即＜h1＞、＜h2＞、＜h3＞、＜h4＞、＜h5^1＜h6＞,从＜h1＞ 到＜h6 ＞字号依次递减。
在网页中插入图像,假设图像文件位于html文件的上两级文件夹,则在文件名之前加入（）［单项选择题］A、 ../B、 /C、 ./D、 ../../（正确答案）答案解析：图像文件位于html文件的上一级文件夹：在文件名之前加入“../〞,如果是上两级,则需要使用“../ ../〞,以此类推,如＜img src="../logo.gif" /＞标记链接图片的属性是（）［单项选择题］A、 src（正确答案）B、 altC、 widthD、 height答案解析：src属性用于指定图像文件的路径和文件名,他是img标记的必需属性下面属性中,用于设置鼠标悬停时图像的提示文字的是哪一项？（）［单项选择题］A、 title（正确答案）B、 altC、 widthD、 height答案解析：用于设置鼠标悬停时图像的提示文字的属性是title属性下面选项中,不是标记属性的是（）［单项选择题］A、 srcB、 altC、 widthD、 href（正确答案）答案解析：ABC三项都是＜img /＞标记的属性,只有D选项不是以下标示符中,用于设置页面标题的是（）［单项选择题］A、 ＜title＞（正确答案）B、 ＜caption＞C、 ＜head＞D、 ＜html＞答案解析: ＜title＞标记用于定义HTML页面的标题,即给网页取一个名字,必须位于＜head ＞标记之内。
网页中的图像文件位于html文件的下一级文件夹img下,则以下CSS书写正确的是（）［单项选择题］A、 ＜imgsrc="logo.gif〞/＞B、 ＜imgsrc="img\logo.gif〞/＞C、＜imgsrc="img/logo.gif"/＞（正确答案）D、＜imgsrc="img/logo"/＞答案解析：在网页中插入图像,假设图像文件位于html文件的下一级文件夹,则需输入文件夹名和文件名,之间用“/〞隔开在HTML中,用于设置页面元信息的标示符是（）［单项选择题］A、 ＜title＞B、 ＜base＞C、 ＜head＞D、 ＜meta＞（正确答案）答案解析：答案说明＜meta /＞标记用于定义页面的元信息,可重复出现在＜head＞头部标记中下面的选项中,属于常用的图片格式并且能够做动画的是（）［单项选择题］A、 jpg格式B、 gif格式（正确答案）C、 psd格式D、 png格式答案解析：网页上常用的图像格式主要有GIF、JPG和PNG三种,而没有psd格式但是,能支持动画的只有GIF格式下面关于特殊字符的说法不正确的选项是（）［单项选择题］A、 特殊字符的代码通常由前缀"&"、字符名称和后缀为英文状态下的"；"组成B、 可以通过菜单栏直接插入相应特殊字符的代码C、 转义序列各字符间可以有空格（正确答案）答案解析：特殊字符的代码通常由前缀“&〞、字符名称和后缀为英文状态下的〞组成。
在网页中使用这些特殊字符时只需输入相应的代码替代即可另外,在Dreamweaver中,还可以通过菜单栏中的【插入】一【HTML】一【特殊字符】选项直接插入相应特殊字符的代码另外,转义序列各字符间不能有空格,并且转义序列必须以分号结束在HTML中,表示内嵌CSS样式的标记是（）［单项选择题］A、 ＜title＞B、 ＜style＞（正确答案）C、 ＜head＞D、 ＜meta＞答案解析：在HTML中使用style标记表示使用内嵌式的CSS样式下面标记中,用来显示段落的标记是（）［单项选择题］A、 ＜h1＞B、 ＜br/＞C、 ＜img/＞D、 ＜p＞（正确答案）答案解析: ＜h1＞标记是标题标记,＜br /＞是换行标记,＜img /＞是图像标记,只有＜p＞是段落标记在HTML文档头部标记中,使用标记的name和content属性可以为搜索引擎提供信息设置网页关键字的name属性值应该为（）［单项选择题］A、 keywords（正确答案）B、 descriptionC、 charsetD、 expires答案解析："keywords〞是一个经常被用到的名称它为文档定义了一组关键字某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类,name属性用来设置关键字。
假设要在网页中插入样式表main.css,以下用法中正确的选项是（）［单项选择题］A、 ＜linksrc="main.css"type="text/css"rel="stylesheet"＞B、 ＜includehref="main.css"type="text/css"rel="stylesheet"＞C、 ＜linkhref="main.css"type="text/css"＞D、 ＜linkhref="main.css"type="text/css"rel="stylesheet"＞（正确答案）答案解析：使用＜link＞标记引用外部CSS样式表：＜br＞＜link rel="stylesheet" type="text/css" href="main.css" /＞＜br＞ 上面的代码,表示引用当前HTML页面所在文件夹中,文件名为“main.css〞的CSS样式表文件在网页中插入图像,假设图像文件位于html文件的上两级文件夹,则在文件名之前加入（）［单项选择题］A、 ../B、 /C、 ./D、 ../../（正确答案）答案解析：图像文件位于html文件的上一级文件夹：在文件名之前加入“../〞,如果是上两级,则需要使用“../ ../〞,以此类推,如＜img src="../logo.gif〞 /＞。
下面标记中,表示换行的标记是（）［单项选择题］A、 ＜h1＞B、 ＜enter＞C、 ＜br /＞（正确答案）D、 ＜hr /＞答案解析：＜p＞＜h1＞用来设置字体样式,＜enter＞标记不存在,＜hr＞表示一条水平线,＜br/＞表示换行＜/p＞下面选项中,不属于文本标记属性的是（）［单项选择题］A、nbsp;（正确答案）B、 alignC、 colorD、 face答案解析：＜P＞align、color、face都是＜p＞标记的属性,只有“nbsp不是＜/p＞在下面选项中,background-position属性值书写正确的选项是（）［单项选择题］A、 p{ background-position:left top; }（正确答案）B、 p{ background-position:left 10; }C、 p{ background-position:10 top ;}D、 p{ background-position:top 10 ;}答案解析: ＜P＞背景图像在元素中的对齐方式有3中,分别是使用数值、使用预定义的关键字、使用百分比但是在定义元素对齐方式中,数值、关键字和百分比不能混用。
＜/p＞下面选项中,用于改变盒子模型外边距的是（）［单项选择题］A、 margin（正确答案）B、 paddingC、 typeD、 border答案解析：＜p＞暂无解析＜/p＞下面选项中,用于更改元素左内边距的是（）［单项选择题］A、 text-indentB、 padding-left（正确答案）C、 margin-leftD、padding-right答案解析：在CSS中padding属性用于设置内边距,方法如下：padding-top:上内边距;padding-right :右内边距;padding-bottom:下内边距;padding-left :左内边距;关于盒子模型中的宽度和高度属性,下面说法正确的选项是（）［单项选择题］A、 盒子模型中的宽度和高度属性适用于所有元素B、 盒子模型中的宽度和高度属性仅适用于行内元素C、 盒子模型中的宽度和高度属性仅适用于块级元素（正确答案）D、 以上说法都正确答案解析：宽度属性width和高度属性height仅适用于块级元素,对行内元素无效（![]()
标记和除外）关于样式代码".box{width:200px padding:15px; margin:20px下面说法正确的选项是（）。
［单项选择题］A、 .box的总宽度为200pxB、 .box的总宽度为270px （正确答案）C、 .box的总宽度为235pxD、 以上说法均错误答案解析：盒子的总宽度=width+左右内边距之和+左右边框宽度之和+左右外边距之和所以,.box的总宽度=width （200px） +左右内边距（15px*2） +左右外边距（20px*2） =270px一个盒子的宽（width）和高（height）均为300px,左内边距为30px,同时盒子有3px的边框,请问这个盒子的总宽度是多少？（）［单项选择题］A、 333pxB、 366pxC、 336px（正确答案）D、363px答案解析：＜p＞盒子的总宽度=width+左右内边距之和+左右边框宽度之和+左右外边距之和＜/p＞＜p＞所以,盒子的总宽度=width （300px） +左内边距（30px） +左右边框宽度之和（3px*2） =336px＜/p＞下面样式代码中,可。