HTMLCSSDiv测试题
HTML+CSS技能测试(带标准答案)
填空题:1.在ＨTML显示单选框的代码是:<ｉnput tyｐe= ｒadiｏ／>。
2.写出HTMＬ代码中的所有单标签<ｂr＞＜hr><imｇ>＜iｎpｕt><pａram><meｔａ＞<link>。
3.文字居中的CSS代码是____tｅxt-aｌigｎ:ceｎtｅr________。
4.＜input id＝’user’ ｃlass＝’usｅr’tyｐe=’ｔext’ >,根据代码书写其属性选择器[ｔｙｐe＝’teｘt’]5.为ｄiｖ设置类a与b,应编写HTML代码_<ｄivｃlass=”a b”>_</dｉｖ＞__＿__＿_＿＿。
6.在CＳS中边框使用：bｏｒder 内边距：padding外边距: margin 。
7.Ｌi 标签必须直接嵌套于ul、ｏl中。
8.CSS属性oveｒｆlｏw用于设置元素超过宽度时是否隐藏或显示滚动条。
9.10.HTML锚点实现使用属性name 与链接的ｈrｅｆ属性配合完成。
单选题:1.HTMＬ指的是？( A )A.超文本标记语言（HyｐｅｒTeｘt MarｋuｐLaｎｇuaｇe）B.家庭工具标记语言（Home Ｔoｏl Markup Ｌａnｇｕage）C.超链接和文本标记语言（Hyperlinks ａnd Tｅｘt MａrkuｐＬanguａgｅ)D.超级标记语言（Ｓupｅr marｋup lａnｇuａｇe)2.Ｗeb 标准的制定者是?（B )A.微软(Micrｏｓoｆｔ）B.万维网联盟(W3C）C.网景公司（Netscape）D.腾讯公司(Tｅncent)3.下列说法描述正确的是?AA.HＴML 不是一种编程语言，而是一种标记语言 (mａrkup ｌａnguagｅ)B.HTML 代码不能用文本编辑工具编写C.HTML中的标签全部都是成对出现的D.ＨＴＭL的heaｄ部分与body部分书写位置可以嵌套4.在下列的HTML 中，哪个是最大的标题?( D ）A.<ｈ6>B.<ｈead>C.＜headiｎg＞D.<h１>5.下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度( C )ﻫA.dispｌａy:iｎｌｉｎｅ B.display:none C．dｉsplay:ｂｌock D. ｄiｓｐｌay:iｎｈeric6.选出你认为最合理的定义标题的方法（ C ）ﻫA. ＜sｐan clａss=”heａdiｎg”＞文章标题＜/spａｎ>ﻫB．<p＞＜b>文章标题</b＞＜／ｐ＞ﻫＣ．<h1>文章标题<／ｈ1>ﻫD. <sｔｒong>文章标题＜/stronｇ>7.br标签在HTMＬ中语义为( A )A.换行B.强调C.段落D.标题8.下面对于Web应用描述正确的是?( C ）A.Wｅｂ应用只能使用HTMＬ5+CＳS３开发B.Wｅb基于浏览器才能运行,所以开发成本很高C.Web应用可以及时上线,免去审核烦恼D.Web应用的用户体验感非常好9.HTMＬ指的是?（ A )A.超文本标记语言(Ｈyｐer TexｔMarｋuｐLａｎgｕage)B.家庭工具标记语言(HomｅＴｏｏl ＭarkuｐLaｎgｕagｅ)C.超链接和文本标记语言(Hｙpeｒｌiｎｋｓand Teｘt Markup Langｕａｇe)D.HTMＬ指的是普通的文本开发语言(Hyper Tｅxt Markup Ｌanguagｅ）10. HＴＭL５之前的HTML 版本是?（ A )A.HTML 4.01B.HTML 4C.HTＭL 4．1D.HTML 4.911.在HTML代码中,下列哪个可以插入折行、换行?( A ）A.＜ｂr>B.<lb>C.<rb>D.<ｂrｅak>12.请选择产生粗体字的HＴML标签:（Ｃ）A.<bol d＞B.<bｂ＞C.<ｂ>D.＜bl d>13.如何制作电子邮件链接?（C ）A.<a ｈｒef＝"xxx@yｙy">B.<mail hreｆ="xxx@yyｙ"＞C.<ａhref＝"mailｔo:ｘxｘ@yyｙ＂＞D.<mａil>ｘxｘ@yyy<／ｍail>14.在下列ＨTML代码中,哪个可以添加背景颜色？( C ）A.<ｂody ｃol or=’red’>B.＜ｂaｃkground>ｒed</bａｃｋground>C.<body bgcｏl oｒ=’red’>D.<bｏdy col or：reｄ>15.以下选项中能产生斜体字的HTＭL标签是?（ A )A.<i>B.＜italｉcs>C.<ita＞D.<ｉi>16.如何在新窗口打开链接？( B ）A.<a href＝"url＂nｅw>B.<ａhref="uｒl" taｒgｅｔ＝"_blａnk">C.<a hｒef＝"url＂ｔaｒget=＂nｅw">D.＜a href=＂urｌ"tａｒget="_self"＞17.下列HTML代码中,哪个可以产生超链接?（ B )。
前端页面div+css试题1
前端页面工程师（DIV+CSS）测试题姓名：电话：1.改变元素的外边距用( )，改变元素的内边距用( )。
(3分)2.Color:#FFFFFF;可缩写为_________________________。
(3分)3.如何定义文本垂直方向对齐文本输入框？______________________________。
(3分)4.为div设置样式a与b,应编写HTML代码______________________________。
(3分)5.设置CSS属性float的值为___________________时可取消元素的浮动。
(3分)6.文字居中的CSS代码是____________________________________________。
(3分)7.怎样给所有<h1>标签添加背景颜色？(2分)A、.h1{background-color:#FFFFFF}B、h1{background-color:#FFFFFF}C、h1.all{background-color:#FFFFFF}D、#h1{background-color:#FFFFFF}8.下面哪个是display布局中用来设置对象以块显示，并添加新行的？(2分)A、inlineB、noneC、blockD、compact9.选出你认为最合理的定义标题的方法：(2分)A.<span class=”heading”>文章标题</span>B.<p><b>文章标题</b></p>C.<h1>文章标题</h1>D.<strong>文章标题</strong>10.在下面的 XHTML 中，哪个可以正确地标记折行？(2分)A、<br />B、<break/>C、<br>11.创建自定义CSS样式时，样式名称的前面必须加一个_____ 。
htmlcss考试题及答案
htmlcss考试题及答案1. 以下哪个HTML标签用于定义最重要的标题？A. `<h1>`B. `<h6>`C. `<header>`D. `<footer>`答案：A2. CSS中，哪个属性用于设置元素的背景颜色？A. `background-color`B. `background`C. `bgcolor`D. `color`答案：A3. 在HTML中，`<div>`标签的作用是什么？A. 定义文档的头部B. 定义文档的脚部C. 用于对文档中的块级元素进行分组D. 定义文档中的一个段落答案：C4. CSS选择器中，`.class`表示什么？A. 标签选择器B. 类选择器C. ID选择器D. 属性选择器答案：B5. 在HTML中，`<a>`标签的哪个属性用于指定链接的目标？A. `href`B. `src`C. `target`D. `alt`答案：C6. CSS中，`display`属性的哪个值可以使元素以块级元素显示？A. `inline`B. `block`C. `inline-block`D. `flex`答案：B7. HTML5中，哪个标签用于定义文档的主要内容？A. `<body>`B. `<header>`C. `<footer>`D. `<main>`答案：D8. CSS中，`margin`属性的默认值是多少？A. `0`B. `auto`C. `inherit`D. `initial`答案：A9. 在HTML中，`<img>`标签的哪个属性用于定义图像的替代文本？A. `src`B. `alt`C. `title`D. `name`答案：B10. CSS中，`float`属性用于实现什么效果？A. 清除浮动B. 创建浮动布局C. 使元素不换行D. 使元素垂直居中答案：B。
html+css笔试附答案
43、
CSS是利用XHTML的（ ）标记构建网页布局
A、
＜p＞
B、
＜div＞
C、
＜table＞
D、
＜ul＞
正确答案：B
44、
下列CSS代码进行缩写，符合缩写的规范的是（ ）
background-position:0 0;background-repeat:no-repeat;background-image:url(background.gif);
A、
auto
B、
justify
C、
center
D、
right
正确答案：A
41、
关于DIV标记，下列说法错误的是（ ）
A、
DIV是一个无任何语义的标签
B、
若将DIV设置宽高，若其背景图片比它大，则多余的背景图片显示不出来
C、
若将某个DIV标记的visibility属性设为hidden，则该DIV标记会让出其原来占有的空间
#bb{width：100px；position：absolute}
正确答案：A
7、
下列选项中，用来改变背景颜色的样式属性是（ ）
A、
background-color
B、
bgcolor
C、
color
D、
backgroundcolor
正确答案：A
8、
以下选项中不能实现清除浮动的是（ ）
A、
空div
B、
D、
此滤镜适合任何浏览器
正确答案：C
27、
下列不属于行列标签的是（ ）
A、
＜a＞
B、
＜span＞
C、
＜br＞
css+div题库
1.下列哪种CSS样式定义的方式拥有最高的优先级A) 嵌入B) 行内C) 链接D) 导入●知识点：CSS优先级●题型：单选●难易程度：简单●答案：B2.web标准的制定者是,A) 微软B) 万维网联盟（W3C）C) 网景公司（Netscape）D) SUN公司●知识点：CSS基础●题型：单选●难易程度：简单●答案：B3.下列的HTML中哪个是最大的标题、A) <h6>B) <head>C) <heading>D) <h1>●知识点：CSS基础●题型：单选●难易程度：简单●答案：D4.下列的HTML中哪个可以插入一条水平线'A) <br>B) <hr>C) <break>D) <P>●知识点：CSS基础●题型：单选●难易程度：简单●答案：B5.下列的HTML中哪个可以添加背景颜色}A) <body color="yellow">B) <background>yellow</background>C) <body bgcolor="yellow">D) <body backcolor="yellow">●知识点：CSS基础●题型：单选●难易程度：简单●答案：C6.请选择产生粗体字的HTML标签：,A) <bold>B) <bb>C) <b>D) <bld>●知识点：CSS基础●题型：单选●难易程度：中等●答案：C7.请选择产生斜体字的HTML标签：<A) <i>B) <italics>C) <ii>D) <it>●知识点：CSS基础●题型：单选●难易程度：中等●答案：A8.下列的HTML中哪个可以产生超链接~A) <a url=""></a>B) <a>C) <a href="">W3Schools</a>D) <a>●知识点：超链接样式●题型：单选●难易程度：中等●答案：C9.如何制作电子邮件链接(A) <a href="xxx@yyy">B) <mail href="xxx@yyy">C) <a href="mailto:xxx@yyy">D) <mail>xxx@yyy</mail>●知识点：超链接样式●题型：单选●难易程度：中等●答案：C10.如何在新窗口打开链接~A) <a href="url" new>B) <a href="url" target="_blank">C) <a href="url" target="new">D) <a href="url" target="_parent">●知识点：超链接样式●题型：单选●难易程度：中等●答案：B11.以下选项中，哪个全部都是表格标签/A) <table><head><tfoot>B) <table><tr><td>C) <table><tr><tt>D) <thead><body><tr>●知识点：CSS表格●题型：单选●难易程度：中等●答案：B12.请选择可以使单元格中的内容进行左排列的正确HTML标签：【A) <td align="left">B) <td valign="left">C) <td leftalign>D) <tdleft>●知识点：CSS基础●题型：单选●难易程度：中等●答案：A13.如何产生带有数字列表符号的列表`B) <dl>C) <ol>D) <list>●知识点：列表样式●题型：单选●难易程度：中等●答案：C14.如何产生带有圆点列表符号的列表`A) <dl>B) <list>C) <ol>D) <ul>●知识点：列表样式●题型：单选●难易程度：中等●答案：D15.下列的HTML中哪个可以产生复选框（A) <input type="check">B) <checkbox>C) <input type="checkbox">D) <check>●知识点：表单样式●题型：单选●难易程度：中等●答案：C16.下列的HTML中哪个可以产生文本框~A) <input type="textfield">B) <textinput type="text">C) <input type="text">D) <textfield>●知识点：表单样式●题型：单选●难易程度：中等●答案：C17.下列的HTML中哪个可以产生下拉列表！B) <input type="list">C) <input type="dropdown">D) <select>●知识点：表单样式●题型：单选●难易程度：中等●答案：D18.下列的HTML中哪个可以产生文本区—A) <textarea>B) <input type="textarea">C) <input type="textbox">D) <textarea></textarea>●知识点：文本域样式●题型：单选●难易程度：中等●答案：D19.下列的HTML中哪个可以插入图像.A) <img href=">B) <image src="">C) <img src="">D) <img></img>●知识点：图像域样式●题型：单选●难易程度：中等●答案：C20.下列的HTML中哪个可以插入背景图像；A) <body background="">B) <background img="">C) <img src="" background>D) ' this is a comment●知识点：图像样式●题型：单选●难易程度：中等●答案：A21.以下的HTML中，哪个是正确引用外部样式表的方法|A) <style src="">B) <link rel="stylesheet" type="text/css" href="">C) <stylesheet></stylesheet>●知识点：CSS基础●题型：单选●难易程度：简单●答案：B22.在HTML文档中，引用外部样式表的正确位置是A) 文档的末尾(B) <head>部分C) 文档的顶部D) <body>部分●知识点：CSS基础●题型：单选●难易程度：简单●答案：B23.哪个HTML标签可用来定义内部样式表A) <style>|B) <script>C) <css>●知识点：CSS基础●题型：单选●难易程度：简单●答案：A24.哪个HTML属性可用来定义内联样式A) fontB) class《C) stylesD) style●知识点：CSS基础●题型：单选●难易程度：中等●答案：D25.下列哪个选项的CSS语法是正确的A) body:color=blackB) {body:color=black(body}&C) body {color: black}D) {body;color:black}●知识点：CSS基础●题型：单选●难易程度：简单●答案：C26.如何在CSS文件中插入注释A) 1 {background-color:#FFFFFF}B、h1 {background-color:#FFFFFF;}-C、{background-color:#FFFFFF}D、#h1 {background-color:#FFFFFF}●知识点：CSS样式●题型：单选●难易程度：中等●答案：B27.下列哪个css属性可以更改样式表的字体颜色=:$::●知识点：CSS样式●题型：单选●难易程度：中等●答案：D28.下列哪个css属性可以更改字体大小？●知识点：CSS样式●题型：单选●难易程度：中等●答案：B29.下列哪段代码能够定义所有P标签内文字加粗（）A.<p style="text-size:bold">B.<p style="font-size:bold">·{text-size:bold}{font-weight:bold}●知识点：CSS样式●题型：单选●难易程度：中等●答案：D30.如何去掉文本超级链接的下划线{text-decoration:no underline}{underline:none}、{decoration:no underline}{text-decoration:none}●知识点：CSS样式●题型：单选●难易程度：中等●答案：D31.如何设置英文首字母大写:uppercase:capitalize。
div+css练习题
div+css练习题新建⼀个test.html⽂档编写⼯具editplus1画⼀个，长为778px ⾼为250px的⽅框（id命名为header）相对整个页⾯居中背景颜⾊为#eeeeee 边框⼀个px 实⼼边框边框颜⾊为红⾊2再画⼀个长为778px ⾼为600px的⽅框（id命名为center）相对整个页⾯居中背景颜⾊为⽩⾊，边框为1px,实⼼边框边框颜⾊为灰⾊距header⽅框间隔15px3（学习的内容是在⼀个div中分⼆列最常⽤）在刚画的header⽅框内再画⼆个⽅框，分⼆列第⼀个⽅框（id命名为header_left）⽅框左对齐距左边框距离是10px,距上边框为20px 长为300px，⾼200px 背景为蓝⾊第⼆个⽅框（id命名为header_right）右对齐距右边框距离10px 上边框 5px 长为420px ⾼为30px 背景⽩⾊4 （学习的内容是在⼀个div中分三列，⽅法有多种，随意⼀种即可）在center⽅框内。
画三个⽅框分三列，左中右左⽅框id命名为 center_left宽150px ⾼400px 距左，上边框各为10px 背景随意中⽅框id命名为 center_center宽400px ⾼400px 距左，上边框也同样10px 背景随意左⽅框id命名为 center_right⾼400px 距左，右，上边框也同样10px 背景随间宽度⾃⼰计算（注意，⽅法有多种，如果定义了center_center的宽度就需要⾃⼰计算center_right的宽度）（前⾯四题的关键属性是 margin border background padding float）5在header_right中⽤ul 和 li 的形式写出⼀组链接 5个li排成⼀⾏，不允许换⾏，每个li的⽂字居中，li前⾯不允许出现实⼼圆点或任何标记每个li的长度为70px 链接的⽂字内容：链接⼀链接⼆链接三链接四链接五（注意li的个数是5个，链接⽬标为空链接）6定义整个⽹页的字号为12px ⽂字颜⾊为#666666 ⽂字链接的颜⾊也同样也#666666 12px⼤⼩⿏标移上去的颜⾊为红⾊移除恢复#666666。
div css 考核试题 html前端面试题目
实习生网页重构组招聘公开试题（含答案）一、耐心填一填！（每空4分，共24分）1. 为div设置类a与b,应编写HTML代码_<div class=”ab”>_</div>_________。
2. 设置CSS属性clear的值为_both___________时可清除左右两边浮动。
3. ____li________标签必须直接嵌套于ul、ol中。
4. CSS属性_____margin_______可为元素设置外补丁。
5. 设置CSS属性float的值为___none_________时可取消元素的浮动。
6. 文字居中的CSS代码是____text-align:center________。
二、精心选一选！（每题4分，共16分）1. 下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度( C )A. display:inlineB. display:noneC.display:block D. display:inheric2. 选出你认为最合理的定义标题的方法( C )A. <span class=”heading”>文章标题</span>B. <p><b>文章标题</b></p>C. <h1>文章标题</h1>D. <strong>文章标题</strong>3. br标签在XHTML中语义为( A )A.换行B.强调C.段落D.标题4. 不换行必须设置( AC )A.word-breakB.letter-spacingC.white-spaceD.word-spacing5. 在使用table表现数据时，有时候表现出来的会比自己实际设置的宽度要宽，为此需要设置下面哪些属性值( AD )A. cellpadding=”0″B. padding:0C.margin:0 D. cellspacing=”0″三、判断对或错！（每题4分，共24分）1. CSS属性font-style 用于设置字体的粗细。
最新DIV-CSS-HTML基础测试题
D I V-C S S-H T M L基础测试题------------------------------------------作者xxxx------------------------------------------日期xxxx1.一个文件的权限是-ｒｗ—rw－r——,这个文件所有者的权限是什么（Ｂ）a、reａd—onlｙﻩb、read—writec、ｗｒiｔｅﻩd、ｗrite —ｏｎly2.在HTML上，将表单中ＩNPUT元素的TYPE属性值设置为（ A )时,用于创建重置按钮。
A.ｒesetB.setC.buttoｎD.Imaｇe3.浮在使用mkｄiｒ命令创建新的目录时,在其父目录不存在时先创建父目录的选项是（ D )Ａ。
-m B. －r Ｃ。
-f ﻩD。
-p4.命令ｃd~ 的目的是AA.切换到自家目录B.回到更目录／C.回到先前的路径位置D.回到上一层目录5.在HTＭL中,可以使用( Ｄ）标记向网页中插入GIF动画文件。
A.〈ＦOＲM> B．〈BOＤY〉ﻩC。
<ＴABLE〉 D。
<IMG〉6.如果在cａtalog。
ｈｔm中包含如下代码，则该HTMＬ文档IE浏览器中打开后，用户单击下面的链接将( C )。
ﻩ<ＡHRＥF=”#noveｌ"〉小说<／a>A.使页面跳转到同一文件夹下名为“novel。
html”的HTML文档B.使页面跳转到同一文件夹下名为“小说．hｔmｌ”的ＨＴML文档C.使页面跳转到catalog。
htｍ包含名为“noｖeｌ"的锚记处D.使页面跳转到同一文件夹下名为“小说．html＂的HTＭL文档中名为“noｖel"的锚记处7.某一站点主页面indｅx.html的代码如下所示，则选项中关于这段代码的说法正确的是( A ）。
<hｔml>〈frａｍｅset bordｅｒ="5” coｌs＝"＊,１0０”〉＜ｆｒameｓeｔrｏws=”1０0，＊"〉<ｆrａｍe ｓrc="toｐ．html" nａmｅ=＂tｏpFramｅ"scｒｏlling="Nｏ"/><fraｍe src=”left。
css+div题库
1.下列哪种CSS样式定义的方式拥有最高的优先级？A) 嵌入B) 行C)D) 导入●知识点：CSS优先级●题型：单选●难易程度：简单●答案：B2.web标准的制定者是？A) 微软B) 万维网联盟（W3C）C) 网景公司（Netscape）D) SUN公司●知识点：CSS基础●题型：单选●难易程度：简单●答案：B3.下列的HTML中哪个是最大的标题？A) <h6>B) <head>C) <heading>D) <h1>●知识点：CSS基础●题型：单选●难易程度：简单●答案：D4.下列的HTML中哪个可以插入一条水平线？A) <br>B) <hr>C) <break>D) <P>●知识点：CSS基础●题型：单选●难易程度：简单●答案：B5.下列的HTML中哪个可以添加背景颜色？A) <body color="yellow">B) <background>yellow</background>C) <body bgcolor="yellow">D) <body backcolor="yellow">●知识点：CSS基础●题型：单选●难易程度：简单●答案：C6.请选择产生粗体字的HTML标签：A) <bold>B) <bb>C) <b>D) <bld>●知识点：CSS基础●题型：单选●难易程度：中等●答案：C7.请选择产生斜体字的HTML标签：A) <i>B) <italics>C) <ii>D) <it>●知识点：CSS基础●题型：单选●难易程度：中等●答案：A8.下列的HTML中哪个可以产生超？A) <a url=".w3schools.">W3Schools.</a>B) <a>.w3schools.</a>C) <a href=".w3schools.">W3Schools</a>D) <a>.w3schools.</a>●知识点：超样式●题型：单选●难易程度：中等●答案：C9.如何制作电子？A) <a href="xxxyyy">B) <mail href="xxxyyy">C) <a href="mailto:xxxyyy">D) <mail>xxxyyy</mail>●知识点：超样式●题型：单选●难易程度：中等●答案：C10.如何在新窗口打开？A) <a href="url" new>B) <a href="url" target="_blank">C) <a href="url" target="new">D) <a href="url" target="_parent">●知识点：超样式●题型：单选●难易程度：中等●答案：B11.以下选项中，哪个全部都是表格标签？A) <table><head><tfoot>B) <table><tr><td>C) <table><tr><tt>D) <thead><body><tr>●知识点：CSS表格●题型：单选●难易程度：中等●答案：B12.请选择可以使单元格中的容进行左排列的正确HTML标签：A) <td align="left">B) <td valign="left">C) <td leftalign>D) <tdleft>●知识点：CSS基础●题型：单选●难易程度：中等●答案：A13.如何产生带有数字列表符号的列表？A) <ul>B) <dl>C) <ol>D) <list>●知识点：列表样式●题型：单选●难易程度：中等●答案：C14.如何产生带有圆点列表符号的列表？A) <dl>B) <list>C) <ol>D) <ul>●知识点：列表样式●题型：单选●难易程度：中等●答案：D15.下列的HTML中哪个可以产生复选框？A) <input type="check">B) <checkbox>C) <input type="checkbox">D) <check>●知识点：表单样式●题型：单选●难易程度：中等●答案：C16.下列的HTML中哪个可以产生文本框？A) <input type="textfield">B) <textinput type="text">C) <input type="text">D) <textfield>●知识点：表单样式●题型：单选●难易程度：中等●答案：C17.下列的HTML中哪个可以产生下拉列表？A) <list>B) <input type="list">C) <input type="dropdown">D) <select>●知识点：表单样式●题型：单选●难易程度：中等●答案：D18.下列的HTML中哪个可以产生文本区？A) <textarea>B) <input type="textarea">C) <input type="textbox">D) <textarea></textarea>●知识点：文本域样式●题型：单选●难易程度：中等●答案：D19.下列的HTML中哪个可以插入图像？A) <img href="image.gif>B) <image src="image.gif">C) <img src="image.gif">D) <img>image.gif</img>●知识点：图像域样式●题型：单选●难易程度：中等●答案：C20.下列的HTML中哪个可以插入背景图像？A) <body background="background.gif">B) <background img="background.gif">C) <img src="background.gif" background>D) ' this is a comment●知识点：图像样式●题型：单选●难易程度：中等●答案：A21.以下的HTML中，哪个是正确引用外部样式表的方法？A) <style src="mystyle.css">B) <link rel="stylesheet" type="text/css" href="mystyle.css">C) <stylesheet>mystyle.css</stylesheet>●知识点：CSS基础●题型：单选●难易程度：简单●答案：B22.在HTML文档中，引用外部样式表的正确位置是？A) 文档的末尾B) <head>部分C) 文档的顶部D) <body>部分●知识点：CSS基础●题型：单选●难易程度：简单●答案：B23.哪个HTML标签可用来定义部样式表？A) <style>B) <script>C) <css>●知识点：CSS基础●题型：单选●难易程度：简单●答案：A24.哪个HTML属性可用来定义联样式？A) fontB) classC) stylesD) style●知识点：CSS基础●题型：单选●难易程度：中等●答案：D25.下列哪个选项的CSS语法是正确的？A) body:color=blackB) {body:color=black(body}C) body {color: black}D) {body;color:black}●知识点：CSS基础●题型：单选●难易程度：简单●答案：C26.如何在CSS文件中插入注释？A) // this is a commentB) // this is a comment //C) /* this is a comment */D) ' this is a comment●知识点：CSS基础●题型：单选●难易程度：简单●答案：C27.CSS哪个属性可用来改变背景颜色？A) bgcolor:B) color:C) background-color:●知识点：CSS属性●题型：单选●难易程度：中等●答案：C28.如何为所有的<h1>元素添加背景颜色？A) h1.all {background-color:#FFFFFF}B) h1 {background-color:#FFFFFF}C) all.h1 {background-color:#FFFFFF}●知识点：CSS属性●题型：单选●难易程度：中等●答案：C29.CSS如何改变某个元素的文本颜色？A) text-color:B) color:C) fgcolor:D) text-color=●知识点：CSS属性●题型：单选●难易程度：中等●答案：B30.哪个CSS属性可控制文本的尺寸？A) font-sizeB) text-styleC) font-styleD) text-size●知识点：CSS属性●题型：单选●难易程度：中等●答案：A31.以下的CSS中，可使所有<p>元素变为粗体的正确语法是?A) <p style="font-size:bold">B) <p style="text-size:bold">C) p {font-weight:bold}D) p {text-size:bold}●知识点：CSS属性●题型：单选●难易程度：困难●答案：C32.如何显示没有下划线的超？A) a {text-decoration:none}B) a {text-decoration:no underline}C) a {underline:none}D) a {decoration:no underline}●知识点：CSS属性●题型：单选●难易程度：困难●答案：A33.如何使文本以大写字母开头？A) text-transform:capitalizeB) 无法通过CSS来完成C) text-transform:uppercase●知识点：CSS属性●题型：单选●难易程度：困难●答案：A34.css如何改变元素的字体？A) font=B) f:C) font-family:●知识点：CSS属性●题型：单选●难易程度：困难●答案：C35.如何改变元素的左边距？A) text-indent:B) margin-left:C) margin:D) indent:●知识点：CSS属性●题型：单选●难易程度：困难●答案：B36.如何产生带有正方形的项目的列表？A) list-type: squareB) list-style-type: squareC) type: squareD) type: 2●知识点：CSS属性●题型：单选●难易程度：困难●答案：B37.CSS是利用什么XHTML标记构建网页布局？（）A<dir>B<div>C<dis>D<dif>●知识点：CSS布局●题型：单选●难易程度：中等●答案：B38.在CSS语言中下列哪一项是"左边框"的语法？（）A、border-left-width: <值>B、border-top-width: <值>C、border-left: <值>D、border-top-width: <值>●知识点：CSS属性●题型：单选●难易程度：中等●答案：C39.在CSS语言中下列哪一项的适用对象是"所有对象"？（）A背景附件B文本排列C纵向排列D文本缩进●知识点：CSS样式●题型：单选●难易程度：中等●答案：A40.下列选项中不属于CSS 文本属性的是（）A．font-sizeB．text-transformC．text-alignD．line-height●知识点：CSS样式●题型：单选●难易程度：中等●答案：D41.在CSS 中不属于添加在当前页面的形式是（）A．联式样式表B．嵌入式样式表C．层叠式样式表D．式样式表●知识点：CSS样式●题型：单选●难易程度：中等●答案：D42.在CSS语言中下列哪一项是"列表样式图象"的语法？（）A、width: <值>B、height: <值>C、white-space: <值>D、list-style-image: <值>●知识点：CSS样式●题型：单选●难易程度：中等●答案：D43.下列哪一项是css正确的语法构成？（）A、body:color=blackB、{body;color:black}C、body {color: black;}D、{body:color=black(body}●知识点：CSS样式●题型：单选●难易程度：中等●答案：C44.下面哪个CSS属性是用来更改背景颜色的？A.background-color:B.bgcolor:C.color:D、text:●知识点：CSS样式●题型：单选●难易程度：中等●答案：A45.怎样给所有的<h1>标签添加背景颜色?（）A、.h1 {background-color:#FFFFFF}B、h1 {background-color:#FFFFFF;}C、h1.all {background-color:#FFFFFF}D、#h1 {background-color:#FFFFFF}●知识点：CSS样式●题型：单选●难易程度：中等●答案：B46.下列哪个css属性可以更改样式表的字体颜色？A.text-color=B.fgcolor:C.text-color:D.color:●知识点：CSS样式●题型：单选●难易程度：中等●答案：D47.下列哪个css属性可以更改字体大小？A.text-sizeB.font-sizeC.text-styleD.font-style●知识点：CSS样式●题型：单选●难易程度：中等●答案：B48.下列哪段代码能够定义所有P标签文字加粗？（）A.<p style="text-size:bold">B.<p style="font-size:bold">C.p {text-size:bold}D.p {font-weight:bold}●知识点：CSS样式●题型：单选●难易程度：中等●答案：D49.如何去掉文本超级的下划线？A.a {text-decoration:no underline}B.a {underline:none}C.a {decoration:no underline}D.a {text-decoration:none}●知识点：CSS样式●题型：单选●难易程度：中等●答案：D50.如何设置英文首字母大写？A.text-transform:uppercaseB.text-transform:capitalizeC.样式表做不到D、text-decoration:none●知识点：CSS样式●题型：单选●难易程度：中等●答案：B51.下列哪个css属性能够更改文本字体？A.f:B.font=C.font-family:D、text-decoration:none●知识点：CSS样式●题型：单选●难易程度：中等●答案：C52.下列哪个css属性能够设置文本加粗？A.font-weight:boldB.style:boldC.font:bD.font=●知识点：CSS样式●题型：单选●难易程度：困难●答案：A53.下列哪个css属性能够设置盒模型的补丁为10、20、30、40（顺时针方向）？A.padding:10px 20px 30px 40pxB.padding:10px 1pxC.padding:5px 20px 10pxD.padding:10px●知识点：CSS样式●题型：单选●难易程度：困难●答案：A54.下列哪个属性能够设置盒模型的左侧外补丁？A.margin:B.indent:C.margin-left:D.text-indent:●知识点：CSS盒模型●题型：单选●难易程度：困难●答案：C55.定义盒模型外补丁的时候是否可以使用负值?A.是B.否●知识点：CSS盒模型●题型：单选●难易程度：困难●答案：A56.如何能够定义列表的项目符号为实心矩形？A.list-type: squareB.type: 2C.type: squareD.list-style-type: square●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：D57.在CSS语言中下列哪些选项是背景图像的属性（）A背景重复B背景附件C纵向排列D背景位置●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：ABCD58.CSS 中的选择器包括（）A．超文本标记选择器B．类选择器C．标签选择器D．ID 选择器●知识点：CSS选择器●题型：多选●难易程度：简单●答案：BCD59.CSS文本属性中，文本对齐属性的取值有（）A．autoB．justifyC．centerD．rightE．left●知识点：CSS文本属性●题型：多选●难易程度：困难●答案：BCDE60.CSS中BOX的padding属性包括的属性有（）A．填充B．上填充C．底填充D．左填充E．右填充●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：BCDE61.CSS中，盒模型的属性包括（）A. fontB. marginC. paddingD. visibleE. border●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：BCE62.下面关于CSS的说确的有( )A. CSS可以控制网页背景图片B. margin属性的属性值可以是百分比C. 整个BODY可以作为一个BOXD. 对于中文可以使用word-spacing属性对字间距进行调整E. margin属性不能同时设置四个边的边距●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：ABC63.下面关于CSS的说确的有( )A、CSS可以控制网页背景图片B、margin属性的属性值可以是百分比C、字体大小的单位可以是emD、1em等于18像素●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：ABC64.边框的样式可以包含的值包括：A、粗细B、颜色C、样式D、长短●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：ABC65.下列关于网页元素overflow的说法，正确的是A．指网页元素的位置，距离左边框和上边框的距离B．指网页元素的位置，距离右边框和下边框的距离C．指网页元素的定位方式，可以取值中包括absoluteD．指网页元素的容溢出时，是否显示多余的容●知识点：CSS盒模型●题型：单选●难易程度：困难●答案：D66.如果将想将两个层排列在同一行中，下列描述不能实现的是（）A．直接插入两个DIV标记，会自动排在同一行B．指定DIV的position属性为absolute，然后将层位置拖放到同一行中C．指定DIV标记的宽，并且指定其浮动方式，当层宽度之和小于外层元素宽度时，会排在同一行D．使用一个表格，将两个层分别放入一行中的两个单元格●知识点：CSS盒模型●题型：单选●难易程度：困难●答案：A67.下列关于元素在网页中的叠放顺序描述，不正确的是（）A．使用CSS属性z-index来实现叠放顺序B．属性的取值越大，表示放置的层次越高C．属性取值可以为负整数D．可以叠放，但叠放顺序不能指定，将由计算机随机产生●知识点：CSS盒模型●题型：单选●难易程度：困难●答案：D68.在HTML页面中，CSS样式的属性名为background-image对应的style对象的属性名是（）。
HTML+CSS试题有答案
HTML+CSS试题有答案一、单项选择题 (每套20题，每题2分，共40分)1、关于web标准以下说法错误的是( b )A、Web标准是一个复杂的概念集合，它由一系列标准组成B、这些标准全部都由W3C起草与发布C、Web标准可以分为3个方面D、Web标准里的表现标准语言主要包括CSS、以下是<!DOCTYPE>元素作用的是(a ) 2A、该元素用来定义文档类型B、该元素用来声明命名空间C、该元素用来向搜索引擎声明网站关键字D、该元素用来向搜索引擎声明网站作者3、以下可将一对象的背景色透明度改为80%的声明是:(d ) A、filter:alpha:(opacity=80); B、filter:alpha: opacity=80; C、filter:alpha:(opacity:80); D、filter:alpha(opacity=80);4、以下选项中，可以解决超链接访问过后hover样式不出现问题的是:(b )A、重新书写关于连接状态的CSS样式B、改变关于链接状态的CSS属性排列顺序: L-V-H-AC、将关于链接状态的CSS属性全部写再a中D、以上说法都不对5、阅读以下代码:<style type="text/css">body {margin:0}div {float:left;margin-left:10px;width:200px;height:200px;border:1px solid red }</style>解析正确的是:(C )A、浮动后外边距10px,但FF解释为20pxB、浮动后本来外边距20px,但IE解释为10px,解决办法是加上display:block;C、浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inlineD、以上说法都不对6、“滑动门技术”的原理是(b ) A、命名锚点链接的作用B、使用背景图片位置滑动C、将a元素转换为块元素D、将span元素转换为块元素第 1 页共 11 页7、关于背景，以下描述错误的是: (c) A、background-img:B、background-img:C、background-widthD、background-attachment、以下声明中，可以取消加粗样式的有 ( c ) 8A font-weight:bolder;B font-weight:bold;C font-weight: normal;D font-weight:600;9、以下声明中，可以控制单词间距的是: ( b )A letter-spacing:B word-spacing:C font-weight: normal;D font-weight:600;10、display属性的属性值共有: ( a )A 18个B 4个C 6个D 12个11、XHTML基本元素类型不包括 ( d )A 块状元素B 内联元素C 可变元素D 浮动元素12、关于float描述错误的是 ( b )A float:left;B float:centerC float:rightD float:none;13、为了解决浮动双倍间距问题，我们可以在相应元素上添加 ( c )A float:left;B display:block;C display:inline;D margin:0;14、以下哪种现象在FF2.0中会存在:(c)A 双倍边距的问题B 图片间隙的问题C 父元素不能自适应子元素高度D 以上说法都不对15、外部样式表文件不可以由以下哪个标签导入 (c)A 、link B、import C、style16、以下标签哪个不是空标签:(d), meta B input C hr D form17、标签 <p> 的对齐属性是:(b) ,、 style B 、align C、 angle D、padding18、以下哪个选项是设置底边框的:(a)第 2 页共 11 页A、Border-bottomB、Border-topC、Border-leftD、Border-right19、以下关于CLASS和ID的说法，错误的是:(d) A、class的定义方法是: . 类名 {样式};B、id的应用方法:<指定标签 id="id名">C、class的应用方法:<指定标签 class="类名">D、id和class只是在写法上有区别，在应用和意义上没有任何区别20、关于ID选择符说法错误的是: ( c )A ID选择符的语法格式是“#”加上自定义的ID名称B 当我们使用ID选择符时，应先为当前元素定义一个id属性，如:<divid="top"></div>C 选择符更适合定义类样式D 一个id名称只能对应于文档中一个具体的元素对象21.以下哪个选项是对对象进行定位的:(c) A、Padding B、Margin C、position D、display22.关于div以下描述正确的是( a ).A. div是类似于一行一列表格的虚线框B. div由行列形成的单元格构成，可执行合并拆分等操作C. 由div布局的网页结构与表现不分离D. div不要求我们严格css支持23.关于使用CSS以下说法错误的是( c )A. 选择符:选择符表示要定义样式的对象，可以是元素本身，也可以是一类元素或者制定名称的元素.B. 选择属性:属性是指定选择符所具有的属性，它是css的核心，css2共有150多个属性。
DIV+CSS培训试题
一、单项选择题（20 X 3=60分）1、CSS是利用什么XHTML标记构建网页布局？（）A<dir>B<div>C<dis>D<dif>2、在CSS语言中下列哪一项是"左边框"的语法？（）A、border-left-width: <值>B、border-top-width: <值>C、border-left: <值>D、border-top-width: <值>3、下列选项中属于CSS 行高属性的是（）A．font-size B．text-transformC．text-align D．line-height4、在CSS 中不属于添加在当前页面的形式是（）A．内联式样式表B．嵌入式样式表C．层叠式样式表D．链接式样式表5、在CSS语言中下列哪一项是"列表样式图象"的语法？（）A、width: <值>B、height: <值>C、white-space: <值>D、list-style-image: <值>6、下列哪一项是css正确的语法构成？（）A、body:color=blackB、{body;color:black}C、body {color: black;}D.、{body:color=black(body}8、下面哪个CSS属性是用来更改背景颜色的？A.background-color:B.bgcolor:C.color:D、text:9、怎样给所有的<h1>标签添加背景颜色?（）A、.h1 {background-color:#FFFFFF}B、h1 {background-color:#FFFFFF;}C、h1.all {background-color:#FFFFFF}D、#h1 {background-color:#FFFFFF}10、下列哪个css属性可以更改样式表的字体颜色？A.text-color=B.fgcolor:C.text-color:D.color:11、下列哪个css属性可以更改字体大小？A.text-sizeB.font-sizeC.text-styleD.font-style12、下列哪段代码能够定义所有P标签内文字加粗？（）A.<p style="text-size:bold">B.<p style="font-size:bold">C.p {text-size:bold}D.p {font-weight:bold}13、如何去掉文本超级链接的下划线？A.a {text-decoration:no underline}B.a {underline:none}C.a {decoration:no underline}D.a {text-decoration:none}14、下列哪个css属性能够更改文本字体？A.f:B.font=C.font-family:D、text-decoration:none15.下列哪个css属性能够设置文本加粗？A.font-weight:boldB.style:boldC.font:bD.font=16.下列哪个css属性能够设置盒模型的内补丁为10、20、30、40（顺时针方向）？A.padding:10px 20px 30px 40pxB.padding:10px 1pxC.padding:5px 20px 10pxD.padding:10px17.下列哪个属性能够设置盒模型的左侧外补丁？A.margin:B.indent:C.margin-left:D.text-indent:18、如何能够定义列表的项目符号为实心矩形？A.list-type: squareB.type: 2C.type: squareD.list-style-type: square19、（）标签可以应用于<head>中？A.<body>B.<title>C.<image>D.<html>20、下列哪一属性能实现层的隐藏（）A.display:falseB.display:hiddenC.display:blockD.display:none二、多项选择题（5X 4= 20分）1、CSS 中的选择器包括（）A．超文本标记选择器B．类选择器C．标签选择器D．ID 选择器2、CSS中BOX的padding属性包括的属性有（）A．填充B．上填充C．底填充D．左填充E．右填充3、CSS中，盒模型的属性包括（）A. fontB. marginC. paddingD. visibleE. border4、下面关于CSS的说法正确的有( )A. CSS可以控制网页背景图片B. margin属性的属性值可以是百分比C. 整个BODY可以作为一个BOXD. 对于中文可以使用word-spacing属性对字间距进行调整E. margin属性不能同时设置四个边的边距5、边框的样式可以包含的值包括：A、粗细B、颜色C、样式D、长短三、简答题（20分）怎么使一个html页面中的层（<div id=”main”></div>）水平居中，并仅对当前页面生效？请写出所有方法1.内部样式（方法名称不计分）<head><style type="text/css">#mian { margin:0 auto;}</style></head>2.行内样式<div id=”main”style=”margin:0 auto;”></div>。
某学校CSS与div期末试题
CSS与DIV测试题班级：姓名一、选择题（每小题2分，共50分）1、CSS 指的是( )A、Computer Style SheetsB、Cascading Style SheetsC、Creative Style SheetsD、Colorful Style Sheets2 . 在以下的HTML 中，哪个是正确引用外部样式表的方法？（）A、<style src="mystyle.css">B、<link rel="stylesheet" type="text/css" href="mystyle.css">C、<stylesheet>mystyle.css</stylesheet>3、在HTML 文档中，引用外部样式表的正确位置是？（）A、文档的末尾B、文档的顶部C、<body> 部分D、<head> 部分4 . 哪个HTML 标签用于定义内部样式表？（）A、<style>B、<script>C、<css>5、哪个HTML 属性可用来定义内联样式？A、fontB、classC、stylesD、style6、下列哪个选项的CSS 语法是正确的？A、body:color=blackB、{body:color=black(body}C、body {color: black}D、{body;color:black}7 . 如何在CSS 文件中插入注释？A、// this is a commentB、// this is a comment //C、/* this is a comment */'C、this is a comment8 . 哪个属性可用于改变背景颜色？A、bgcolor:A、B、C、B、background-color:C、color:9 . 如何为所有的<h1> 元素添加背景颜色？A、h1.all {background-color:#FFFFFF}B、h1 {background-color:#FFFFFF}C、all.h1 {background-color:#FFFFFF10 . 如何改变某个元素的文本颜色？A、text-color:B、fgcolor:C、color:D、text-color=11 . 哪个CSS 属性可控制文本的大小？A、font-sizeB、text-styleC、font-styletext-size12 . 在以下的CSS 中，可使所有<p> 元素变为粗体的正确语法是？A、<p style="font-size:bold">B、<p style="text-size:bold">C、p {font-weight:bold}D、p {text-size:bold}13 . 如何显示没有下划线的超链接？A、a {text-decoration:none}B、a {text-decoration:no underline}C、a {underline:none}D、a {decoration:no underline}14 . 如何使文本以大写字母开头？A、text-transform:capitalizeB、无法通过CSS 来实现C、text-transform:uppercase15 . 如何改变元素的字体？A、font=B、f:C、font-family:16 . 如何使文本变为粗体？A、font:bB、font-weight:boldC、style:bold17 . 如何显示这样一个边框：上边框10 像素、下边框5 像素、左边框20 像素、右边框1 像素？A、border-width:10px 5px 20px 1pxB、border-width:10px 20px 5px 1pxC、border-width:5px 20px 10px 1pxD、border-width:10px 1px 5px 20px18 . 如何改变元素的左边距？A、text-indent:B、indent:C、margin:D、margin-left:19 . 页面中有以下代码：<style type="text/css">div{ color:blue; /* 蓝色 */ }#d1 #d2 div{ color:yellow; /* 黄色 */ }#d1 div{ color:red; /* 红色 */ }div#d3{ color:green; /* 绿色 */ }</style><div id="d1"><div id="d2"><div id="d3"> 请说出这行文本的颜色 </div></div></div>在浏览器中运行以后，在页面中这行文本的颜色为__________。
css+div题库完整
1.下列哪种CSS样式定义的方式拥有最高的优先级？A) 嵌入B) 行C)D) 导入●知识点：CSS优先级●题型：单选●难易程度：简单●答案：B2.web标准的制定者是？A) 微软B) 万维网联盟（W3C）C) 网景公司（Netscape）D) SUN公司●知识点：CSS基础●题型：单选●难易程度：简单●答案：B3.下列的HTML中哪个是最大的标题？A) <h6>B) <head>C) <heading>D) <h1>●知识点：CSS基础●题型：单选●难易程度：简单●答案：D4.下列的HTML中哪个可以插入一条水平线？A) <br>B) <hr>C) <break>D) <P>●知识点：CSS基础●题型：单选●难易程度：简单●答案：B5.下列的HTML中哪个可以添加背景颜色？A) <body color="yellow">B) <background>yellow</background>C) <body bgcolor="yellow">D) <body backcolor="yellow">●知识点：CSS基础●题型：单选●难易程度：简单●答案：C6.请选择产生粗体字的HTML标签：A) <bold>B) <bb>C) <b>D) <bld>●知识点：CSS基础●题型：单选●难易程度：中等●答案：C7.请选择产生斜体字的HTML标签：A) <i>B) <italics>C) <ii>D) <it>●知识点：CSS基础●题型：单选●难易程度：中等●答案：A8.下列的HTML中哪个可以产生超？A) <a url=".w3schools.">W3Schools.</a>B) <a>.w3schools.</a>C) <a href=".w3schools.">W3Schools</a>D) <a>.w3schools.</a>●知识点：超样式●题型：单选●难易程度：中等●答案：C9.如何制作电子？A) <a href="xxxyyy">B) <mail href="xxxyyy">C) <a href="mailto:xxxyyy">D) <mail>xxxyyy</mail>●知识点：超样式●题型：单选●难易程度：中等●答案：C10.如何在新窗口打开？A) <a href="url" new>B) <a href="url" target="_blank">C) <a href="url" target="new">D) <a href="url" target="_parent">●知识点：超样式●题型：单选●难易程度：中等●答案：B11.以下选项中，哪个全部都是表格标签？A) <table><head><tfoot>B) <table><tr><td>C) <table><tr><tt>D) <thead><body><tr>●知识点：CSS表格●题型：单选●难易程度：中等●答案：B12.请选择可以使单元格中的容进行左排列的正确HTML标签：A) <td align="left">B) <td valign="left">C) <td leftalign>D) <tdleft>●知识点：CSS基础●题型：单选●难易程度：中等●答案：A13.如何产生带有数字列表符号的列表？A) <ul>B) <dl>C) <ol>D) <list>●知识点：列表样式●题型：单选●难易程度：中等●答案：C14.如何产生带有圆点列表符号的列表？A) <dl>B) <list>C) <ol>D) <ul>●知识点：列表样式●题型：单选●难易程度：中等●答案：D15.下列的HTML中哪个可以产生复选框？A) <input type="check">B) <checkbox>C) <input type="checkbox">D) <check>●知识点：表单样式●题型：单选●难易程度：中等●答案：C16.下列的HTML中哪个可以产生文本框？A) <input type="textfield">B) <textinput type="text">C) <input type="text">D) <textfield>●知识点：表单样式●题型：单选●难易程度：中等●答案：C17.下列的HTML中哪个可以产生下拉列表？A) <list>B) <input type="list">C) <input type="dropdown">D) <select>●知识点：表单样式●题型：单选●难易程度：中等●答案：D18.下列的HTML中哪个可以产生文本区？A) <textarea>B) <input type="textarea">C) <input type="textbox">D) <textarea></textarea>●知识点：文本域样式●题型：单选●难易程度：中等●答案：D19.下列的HTML中哪个可以插入图像？A) <img href="image.gif>B) <image src="image.gif">C) <img src="image.gif">D) <img>image.gif</img>●知识点：图像域样式●题型：单选●难易程度：中等●答案：C20.下列的HTML中哪个可以插入背景图像？A) <body background="background.gif">B) <background img="background.gif">C) <img src="background.gif" background>D) ' this is a comment●知识点：图像样式●题型：单选●难易程度：中等●答案：A21.以下的HTML中，哪个是正确引用外部样式表的方法？A) <style src="mystyle.css">B) <link rel="stylesheet" type="text/css" href="mystyle.css">C) <stylesheet>mystyle.css</stylesheet>●知识点：CSS基础●题型：单选●难易程度：简单●答案：B22.在HTML文档中，引用外部样式表的正确位置是？A) 文档的末尾B) <head>部分C) 文档的顶部D) <body>部分●知识点：CSS基础●题型：单选●难易程度：简单●答案：B23.哪个HTML标签可用来定义部样式表？A) <style>B) <script>C) <css>●知识点：CSS基础●题型：单选●难易程度：简单●答案：A24.哪个HTML属性可用来定义联样式？A) fontB) classC) stylesD) style●知识点：CSS基础●题型：单选●难易程度：中等●答案：D25.下列哪个选项的CSS语法是正确的？A) body:color=blackB) {body:color=black(body}C) body {color: black}D) {body;color:black}●知识点：CSS基础●题型：单选●难易程度：简单●答案：C26.如何在CSS文件中插入注释？A) // this is a commentB) // this is a comment //C) /* this is a comment */D) ' this is a comment●知识点：CSS基础●题型：单选●难易程度：简单●答案：C27.CSS哪个属性可用来改变背景颜色？A) bgcolor:B) color:C) background-color:●知识点：CSS属性●题型：单选●难易程度：中等●答案：C28.如何为所有的<h1>元素添加背景颜色？A) h1.all {background-color:#FFFFFF}B) h1 {background-color:#FFFFFF}C) all.h1 {background-color:#FFFFFF}●知识点：CSS属性●题型：单选●难易程度：中等●答案：C29.CSS如何改变某个元素的文本颜色？A) text-color:B) color:C) fgcolor:D) text-color=●知识点：CSS属性●题型：单选●难易程度：中等●答案：B30.哪个CSS属性可控制文本的尺寸？A) font-sizeB) text-styleC) font-styleD) text-size●知识点：CSS属性●题型：单选●难易程度：中等●答案：A31.以下的CSS中，可使所有<p>元素变为粗体的正确语法是?A) <p style="font-size:bold">B) <p style="text-size:bold">C) p {font-weight:bold}D) p {text-size:bold}●知识点：CSS属性●题型：单选●难易程度：困难●答案：C32.如何显示没有下划线的超？A) a {text-decoration:none}B) a {text-decoration:no underline}C) a {underline:none}D) a {decoration:no underline}●知识点：CSS属性●题型：单选●难易程度：困难●答案：A33.如何使文本以大写字母开头？A) text-transform:capitalizeB) 无法通过CSS来完成C) text-transform:uppercase●知识点：CSS属性●题型：单选●难易程度：困难●答案：A34.css如何改变元素的字体？A) font=B) f:C) font-family:●知识点：CSS属性●题型：单选●难易程度：困难●答案：C35.如何改变元素的左边距？A) text-indent:B) margin-left:C) margin:D) indent:●知识点：CSS属性●题型：单选●难易程度：困难●答案：B36.如何产生带有正方形的项目的列表？A) list-type: squareB) list-style-type: squareC) type: squareD) type: 2●知识点：CSS属性●题型：单选●难易程度：困难●答案：B37.CSS是利用什么XHTML标记构建网页布局？（）A<dir>B<div>C<dis>D<dif>●知识点：CSS布局●题型：单选●难易程度：中等●答案：B38.在CSS语言中下列哪一项是"左边框"的语法？（）A、border-left-width: <值>B、border-top-width: <值>C、border-left: <值>D、border-top-width: <值>●知识点：CSS属性●题型：单选●难易程度：中等●答案：C39.在CSS语言中下列哪一项的适用对象是"所有对象"？（）A背景附件B文本排列C纵向排列D文本缩进●知识点：CSS样式●题型：单选●难易程度：中等●答案：A40.下列选项中不属于CSS 文本属性的是（）A．font-sizeB．text-transformC．text-alignD．line-height●知识点：CSS样式●题型：单选●难易程度：中等●答案：D41.在CSS 中不属于添加在当前页面的形式是（）A．联式样式表B．嵌入式样式表C．层叠式样式表D．式样式表●知识点：CSS样式●题型：单选●难易程度：中等●答案：D42.在CSS语言中下列哪一项是"列表样式图象"的语法？（）A、width: <值>B、height: <值>C、white-space: <值>D、list-style-image: <值>●知识点：CSS样式●题型：单选●难易程度：中等●答案：D43.下列哪一项是css正确的语法构成？（）A、body:color=blackB、{body;color:black}C、body {color: black;}D、{body:color=black(body}●知识点：CSS样式●题型：单选●难易程度：中等●答案：C44.下面哪个CSS属性是用来更改背景颜色的？A.background-color:B.bgcolor:C.color:D、text:●知识点：CSS样式●题型：单选●难易程度：中等●答案：A45.怎样给所有的<h1>标签添加背景颜色?（）A、.h1 {background-color:#FFFFFF}B、h1 {background-color:#FFFFFF;}C、h1.all {background-color:#FFFFFF}D、#h1 {background-color:#FFFFFF}●知识点：CSS样式●题型：单选●难易程度：中等●答案：B46.下列哪个css属性可以更改样式表的字体颜色？A.text-color=B.fgcolor:C.text-color:D.color:●知识点：CSS样式●题型：单选●难易程度：中等●答案：D47.下列哪个css属性可以更改字体大小？A.text-sizeB.font-sizeC.text-styleD.font-style●知识点：CSS样式●题型：单选●难易程度：中等●答案：B48.下列哪段代码能够定义所有P标签文字加粗？（）A.<p style="text-size:bold">B.<p style="font-size:bold">C.p {text-size:bold}D.p {font-weight:bold}●知识点：CSS样式●题型：单选●难易程度：中等●答案：D49.如何去掉文本超级的下划线？A.a {text-decoration:no underline}B.a {underline:none}C.a {decoration:no underline}D.a {text-decoration:none}●知识点：CSS样式●题型：单选●难易程度：中等●答案：D50.如何设置英文首字母大写？A.text-transform:uppercaseB.text-transform:capitalizeC.样式表做不到D、text-decoration:none●知识点：CSS样式●题型：单选●难易程度：中等●答案：B51.下列哪个css属性能够更改文本字体？A.f:B.font=C.font-family:D、text-decoration:none●知识点：CSS样式●题型：单选●难易程度：中等●答案：C52.下列哪个css属性能够设置文本加粗？A.font-weight:boldB.style:boldC.font:bD.font=●知识点：CSS样式●题型：单选●难易程度：困难●答案：A53.下列哪个css属性能够设置盒模型的补丁为10、20、30、40（顺时针方向）？A.padding:10px 20px 30px 40pxB.padding:10px 1pxC.padding:5px 20px 10pxD.padding:10px●知识点：CSS样式●题型：单选●难易程度：困难●答案：A54.下列哪个属性能够设置盒模型的左侧外补丁？A.margin:B.indent:C.margin-left:D.text-indent:●知识点：CSS盒模型●题型：单选●难易程度：困难●答案：C55.定义盒模型外补丁的时候是否可以使用负值?A.是B.否●知识点：CSS盒模型●题型：单选●难易程度：困难●答案：A56.如何能够定义列表的项目符号为实心矩形？A.list-type: squareB.type: 2C.type: squareD.list-style-type: square●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：D57.在CSS语言中下列哪些选项是背景图像的属性（）A背景重复B背景附件C纵向排列D背景位置●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：ABCD58.CSS 中的选择器包括（）A．超文本标记选择器B．类选择器C．标签选择器D．ID 选择器●知识点：CSS选择器●题型：多选●难易程度：简单●答案：BCD59.CSS文本属性中，文本对齐属性的取值有（）A．autoB．justifyC．centerD．rightE．left●知识点：CSS文本属性●题型：多选●难易程度：困难●答案：BCDE60.CSS中BOX的padding属性包括的属性有（）A．填充B．上填充C．底填充D．左填充E．右填充●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：BCDE61.CSS中，盒模型的属性包括（）A. fontB. marginC. paddingD. visibleE. border●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：BCE62.下面关于CSS的说确的有( )A. CSS可以控制网页背景图片B. margin属性的属性值可以是百分比C. 整个BODY可以作为一个BOXD. 对于中文可以使用word-spacing属性对字间距进行调整E. margin属性不能同时设置四个边的边距●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：ABC63.下面关于CSS的说确的有( )A、CSS可以控制网页背景图片B、margin属性的属性值可以是百分比C、字体大小的单位可以是emD、1em等于18像素●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：ABC64.边框的样式可以包含的值包括：A、粗细B、颜色C、样式D、长短●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：ABC65.下列关于网页元素overflow的说法，正确的是A．指网页元素的位置，距离左边框和上边框的距离B．指网页元素的位置，距离右边框和下边框的距离C．指网页元素的定位方式，可以取值中包括absoluteD．指网页元素的容溢出时，是否显示多余的容●知识点：CSS盒模型●题型：单选●难易程度：困难●答案：D66.如果将想将两个层排列在同一行中，下列描述不能实现的是（）A．直接插入两个DIV标记，会自动排在同一行B．指定DIV的position属性为absolute，然后将层位置拖放到同一行中C．指定DIV标记的宽，并且指定其浮动方式，当层宽度之和小于外层元素宽度时，会排在同一行D．使用一个表格，将两个层分别放入一行中的两个单元格●知识点：CSS盒模型●题型：单选●难易程度：困难●答案：A67.下列关于元素在网页中的叠放顺序描述，不正确的是（）A．使用CSS属性z-index来实现叠放顺序B．属性的取值越大，表示放置的层次越高C．属性取值可以为负整数D．可以叠放，但叠放顺序不能指定，将由计算机随机产生●知识点：CSS盒模型●题型：单选●难易程度：困难●答案：D68.在HTML页面中，CSS样式的属性名为background-image对应的style对象的属性名是（）。
网页设计与制作(div_css)测试题
网页设计与制作（div+css）测试题姓名：分数：说明：本次网页设计与制作考试共分为四种题型，一是判断题，二是选择题（单选），三是填空题，四是问答题。
一、判断题（共5小题）（对）1、不只表格可以用来对页面进行布局，层也同样可以（对）2、如果浏览者没有安装网页上所设置的文字，则会以默认的字体取代原来的（错）3、超链接只能在不同的网页之间进行跳转（错）4、一个大div块里包含一个小的div，设置小的div与大div的左边距5px样式的标准写法是margin-left:5px;（错）5、IE6下，制作一个大小为10*10px的div，样式是width:10px;height:10px;二、选择题（共14小题）1、下列属于静态网页的是（A ）A.index.htmB.index.jspC.index.aspD.index.php2、在 HTML 文档中，引用外部样式表的正确位置是？（D）A：文档的末尾B：文档的顶部 C：<body> 部分D：<head> 部分3、表示放在每个定义术语词之前的XHTML代码是( A )A. <dl></dl>B. <dt></dt>C. <dd></dd>D. <ol></ol>4、如何在新窗口中打开链接？( D )A. <a href=”#” new>B. <a href=”#” target=”_blank”>C. <a href=”#” target=”_self”></a>D. <a href=”#” target=”_blank”></a>5、选出你认为最合理的定义标题的方法( C )A.<span class="heading">文章标题</span>B.<p><b>文章标题</b></p>C.<h1>文章标题</h1>D.<strong>文章标题</strong>6、下面哪一项不是段落的对齐方式？（ A ）A、上下对齐B、居中对齐C、靠左对齐D、两边对齐7、CSS样式有哪几种，请选择下列正确的一项（ A）。
HTML+CSS技能测试(带答案),DOC
欢迎阅读填空题：1.在HTML显示单选框的代码是：<input type= radio />。
2.写出HTML代码中的所有单标签<br><hr><img><input><param><meta><link> 。
3.文字居中的CSS代码是____text-align:center________。
4.<input id=’user’ class=’user’ type=’text’ >,根据代码书写其属性选择器[type=’text’]5.为div设置类a与b,应编写HTML代码_<div class=”a b”>_</div>_________。
6.在CSS中边框使用：border 内边距：padding 外边距：margin 。
7.Li 标签必须直接嵌套于ul、ol中。
8.CSS属性overflow用于设置元素超过宽度时是否隐藏或显示滚动条。
9.10.1.2.3.4.5.6.7.选出你认为最合理的定义标题的方法( C? ? )8. A. <span class=”heading”>文章标题</span>9. B. <p><b>文章标题</b></p>10. C. <h1>文章标题</h1>11. D. <strong>文章标题</strong>12.br标签在HTML中语义为( A?? )A.换行? ?? ?? ?B.强调? ?? ?? ?C.段落? ?? ?? ?D.标题13.下面对于Web应用描述正确的是？（C ）A.Web应用只能使用HTML5+CSS3 开发B.Web基于浏览器才能运行，所以开发成本很高C.Web应用可以及时上线，免去审核烦恼D.Web应用的用户体验感非常好14.HTML指的是？（ A ）A.超文本标记语言(Hyper Text Markup Language)B.家庭工具标记语言(Home Tool Markup Language)C.超链接和文本标记语言(Hyperlinks and Text Markup Language)D.HTML 指的是普通的文本开发语言(Hyper?Text?Markup?Language)15.?HTML5 之前的HTML 版本是？（ A ）A.HTML 4.01B.HTML 4C.D.16.在A.B.C.D.17.A.B.C.D.18.A.B.C.D.19.在下列A.B.C.D.20.A.B.C.<ita>D.<ii>21.如何在新窗口打开链接？（B ）A.<a href="url" new>B.<a href="url" target="_blank">C.<a href="url" target="new">D.<a href="url" target="_self">22.下列HTML代码中，哪个可以产生超链接？（ B ）A.B.C.D.23.以下选项中，哪个全部都是表格标签？（ B ）A.<tabl e><head><tfoot>B.<tabl e><tr><td>C.<tabl e><tr><tt>D.<tabl e><body><tr>24.请选择可以使单元格中的内容进行左对齐的正确HTML 标签：（A ）A.<td align="l eft">B.<td valign="l eft">C.<td l eftalign>D.25.A.B.C.D.26.A.B.C.D.27.下列A.B.C.D.28.A.B.C.D.29.A.B.C.D.<textfiel d>30.在下列的HTML 中，哪个可以产生文本框？（C ）A.<input type="textfiel d">B.<textinput type="text">C.<input type="text">D.<textfiel d>31.在下列的HTML 中，哪个可以插入图像？（C ）A.<img href="image.gif">B.<image src="image.gif">C.<img src="image.gif">D.<img>image.gif</img>32.下列HTML代码中，哪个可以插入背景图像？（ B ）A.<body src=’background.jpg’ />B.<body background = ‘background.jpg’ />C.<background img=’background.gif’ />D.<img src=’background.gif’ background/>33.下面哪项不可以对一个DOM设置它的CSS样式？（ C ）A.外部样式表，引入一个外部css文件B.内部样式表，将css代码放在<head> 标签内部C.外联样式，将css样式直接定义在外部的HTML元素上D.内联样式，将css样式直接定义在HTML 元素内部34.A.B.C.D.35.在A.B.C.D.36.A.B.C.D.37.A.B.C.D.38.A.B.C.D.39.下列选项中能控制文本尺寸的CSS属性是？（ A ）A.font-sizeB.text-styl eC.font-styl eD.text-size40.如何使文字以大写字母开头？（ A ）A.text-transform:capitalizeB.无法通过CSS来实现C.text-transform:uppercaseD.text-transform:l owercase41.如何改变元素的字体类型？（ C ）A.font=B.f:C.font-family:D.font-size:42.如何使文本变为粗体？（ B ）A.font:bB.font-weight:bol dC.styl e:bol dD.font:bol d43.CSS指的是？（ B ）A.B.C.D.44.A.B.C.D.45.哪个A.B.C.D.46.哪个A.B.C.D.47.如何在A.B.C.D.48.A.bgcol or:B.background-col or:C.col or:D.background-size:49.如何改变某个元素的文本颜色？（C ）A.text-col or:B.fgcol or:C.col or:D.text-col or=50.在以下的CSS 中，可使所有<p> 元素变为粗体的正确语法是？（C ）A.<p styl e="font-size:bol d">B.<p styl e="text-size:bol d">C.p {font-weight:bol d}D.p {text-size:bol d}51.如何显示没有下划线的超链接？（A ）A. a {text-decoration:none}B. a {text-decoration:no und erline}C. a {underline:none}D. a {decoration:no underline}52.如何显示这样一个边框：上边框10 像素、下边框5 像素、左边框20 像素、右边框1 像素？（D ）A.border-width:10px 5px 20px 1pxB.C.D.53.A.B.C.D.54.A、55.htmlA、B、C、D、56.A57.A、58.A、59.A、60.在A.?61.在HTML中，可以使用（??D???）标记向网页中插入GIF动画文件。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计》练习题集一、单项选择题1. 在HTML中，标记<pre>的作用是(B )。
A.标题标记 B．预排版标记 C.转行标记 D．文字效果标记2．在CSS中使用背景图片需要使用参数（ B ）A．image B．urlC．style D．embed3．在CSS的文本属性中，文本修饰的取值text-decoration：overline表示（C ）A．不用修饰B．下划线C．上划线D．横线从字中间穿过4．在CSS的文本属性中，文本修饰的取值text-decoration：underline表示（ B）A．不用修饰B．下划线C．上划线D．横线从字中间穿过5.下面哪一个属性不是文本的标签属性？（ A ）A．nbsp; B．align C．color D．face6．在CSS的文本属性中，文本修饰的取值text-decoration：line-through表示（D）A．不用修饰B．下划线C．上划线D．横线从字中间穿过7．外部式样式单文件的扩展名为（ D ）A．.js B．.dom C．.htm D．.css8. 超级链接是一种( A )的关系。
A. 一对一B. 一对多C. 多对一D. 多对多9. 关于文本对齐，源代码设置不正确的一项是：（ A ）A．居中对齐：<div align="middle">…</div>B．居右对齐：<div align="right">…</div>C．居左对齐：<div align="left">…</div>D．两端对齐：<div align="justify">…</div>11.为了标识一个HTML文件应该使用的HTML标记是( C )A.<p> </p>B.<boby> </body>C.<html> </html>D.<table> </table>12.下面哪一项是换行符标签？（ C ）A．<body> B．<font> C．<br> D．<p>13.下列哪一项是在新窗口中打开网页文档。
（ B ）A．_self B．_blank C．_top D．_parent14.下面不属于CSS插入形式的是( A )A.索引式B.内联式C.嵌入式D.外部式15．网页的特征是（A）A．HTML文档的基本特征——超文本B．标识语言，网页中不能没有标记（Tag）C．网页提供了一些措施以防在网上冲浪的过程中迷失方向D．网页实现了对原文档信息的无限补充或扩展16．下面说法错误的是( D )。
A．CSS样式表可以将格式和结构分离B．CSS样式表可以控制页面的布局C．CSS样式表可以使许多网页同时更新D．CSS样式表不能制作体积更小下载更快的网页17．CSS样式表不可能实现(D )功能。
A．将格式和结构分离B．一个CSS文件控制多个网页C. 控制图片的精确位置D．兼容所有的浏览器18．HTML中字体大小的级别有（ C ）A．3级B．5级C．7级D．9级19．要使表格的边框不显示，应设置border的值是(B )。
A．1 B．0 C．2 D．320．在HTML的<th>和<td>标记中，不属于valign属性的是（ C ）A．top B．middleC．low D．bottom21．在HTML中，( B )不是链接的目标属性。
A.self B．new C．blank D．top22．为了标识一个HTML文件应该使用的HTML标记是(C )。
A．<p><／p> B．<boby><／body> C．<html><／html> D．<table><／table> 23．body元素用于背景颜色的属性是（C ）A．alink B．vlinkC．bgcolor D．background24．<a href=”#csust”>郑州大学软件学院</a>的作用是（ B ）A．超级链接到郑州大学软件学院网页上B．超级链接到本文件中csust标记处C．超级链接暂时不被运行D．超级链接到#csust网页上25．若要在网页中插入样式表main.css,以下用法中，正确的是（B）。
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=te xt/css rel=stylesheet> 26．HTML是一种页面(D )型的语言。
A. 程序设计B. 执行C. 编译D. 描述27．若要使表格的行高为16pt，以下方法中，正确的是（B）A．<table border=1 style=”Line-Height:16”>…</table>B．<table border=1 style=”Line-Height:16pt”>…</table> C．<table border=1 LineHeight=“16”>…</table>D．<table border=1 LineHeight=”16pt”>…</table>28．下面不属于CSS插入形式的是( A).A．索引式 B．内联式 C．嵌入式 D．外部式29．以下标记中，可用来产生滚动文字或图形的是（B）。
A.<Scroll>B.<Marquee>C.<TextArea>30．若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体为”Arial”,字体大小为9pt,行间距为13.5pt,以下定义方法中，正确的是（A）。
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>31．在表单中包含性别选项，且默认状态为“男”被选中，下列正确的是（ A ）A．<input type=radio name=sex checked> 男B．<input type=radio name=sex enabled>男C．<input type=checkbox name=sex checked>男D．<input type=checkbox name=sex enabled>男32．对于<map>标记，单图多向超级链接使用<area shape=″图片形状″coords=″坐标″href=″URL″>，其中图片形状不包括的是（ C ）A．rect B．circleC．triangle D．poly33．标签<img src=”pic1.gif” align=”center”>的作用是____A__。
A．插入图片pic1.gif，图片水平对齐采用“居中”方式B．插入图片pic1.gif，图片垂直对齐采用“居中”方式C．插入图片pic1.gif，图片右侧文字的水平对齐采用“居中”方式D．插入图片pic1.gif，图片右侧文字的垂直位置相对图片“居中”35．下列HTML标记中，属于非成对标记的是（ A）。
A<br> B <ul> C <P> D <font>36．用HTML标记语言编写一个简单的网页，网页最基本的结构是（D ）。
A <html> <head>…</head> <frame>…</frame> </html>B <html> <title>…</title> <body>…</body> </html>C <html> <title>…</title> <frame>…</frame> </html>D <html> <head>…</head> <body>…</body> </html>37．主页中一般包含的基本元素有（B ）。
A超级链接B图像C声音D表格38．以下标记符中，用于设置页面标题的是（A）A.<title>B.<caption>C.<head>D.<html>39．以下标记符中，没有对应的结束标记的是（B）A.<body>B.<br>C.<html>D.<title>40．网页文件中，能起到动画效果的图形格式是 BA．JPEG B．GIFC．TIF D．BMP41．在表单标记中，用____D__属性来提交填写的信息、调用表单处理程序。
A．method B．nameC. styleD. action42．在网页中，必须使用（ A）标记来完成超级链接。
A<a>…</a> B<p>…</p> C<link>…</link> D<li>…</li>43．有关网页中的图像的说法不正确的是（C ）。