XHTML+CSS考试试题答案

合集下载

300道HTML、CSS习题及面试题(含答案)

300道HTML、CSS习题及面试题(含答案)

HTML+CSS习题及面试题1.[问答题]根据下面效果图设计页面:两点要求:1.自适应宽度,左右两栏固定宽度,中间栏优先加载;2.要考虑到换肤---------------------------------------------------------------------------------------------------------------------------- 来自:2011腾讯前端面试稿参考:1.自适应宽度,左右两栏固定宽度,中间栏优先加载,可以采用双飞翼布局。

<style type="text/css">*{ margin:0; padding:0px;}.header{ background:#666; text-align:center;}.body{ overflow:hidden;*zoom:1;}.wrap-2{ margin-top:30px;}.wrap-2 .main-2{ float:left; width:100%;margin-bottom:-3000px; padding-bottom:3000px;background:#F90;}.wrap-2 .main-wrap-2{ margin:0 200px 0 150px; }.wrap-2 .sub-2{ float:left; margin-left:-100%; width:150px; background:#6C0; margin-bottom:-3000px; padding-bottom:3000px;}.wrap-2 .extra-2{ float:left; margin-left:-200px; width:200px; background:#F9F; margin-bottom:-3000px; padding-bottom:3000px;}.footer{ background:#666; text-align:center;}</style><div class="wrap-2"><div class="header">Header</div><div class="body"><div class="main-2"><div class="main-wrap-2"><p>main-wrap</p><p>main-wrap</p></div></div><div class="sub-2"><p>sub</p><p>sub</p><p>sub</p></div><div class="extra-2"><p>extra</p><p>margin-left:350px; background:#CC0;margin-left:350px; background:#CC0;</p></div></div><div class="footer">Footer</div></div>2.使用最新的css3盒布局技术,它允许宽度自适应,改变元素显示顺序,优先加载重要区域。

HTML和CSS基础考试 选择题50题 附答案

HTML和CSS基础考试 选择题50题 附答案

1. HTML的全称是什么?A. HyperText Markup LanguageB. Hyperlink and Text Markup LanguageC. Home Tool Markup LanguageD. Hyper Transfer Markup Language答案:A2. 以下哪个标签用于定义HTML文档的标题?A. <head>B. <header>C. <title>D. <caption>答案:C3. 以下哪个标签用于定义HTML文档的主体内容?A. <body>B. <main>C. <content>D. <article>答案:A4. 以下哪个标签用于定义HTML文档中的段落?A. <p>B. <para>C. <paragraph>D. <text>答案:A5. 以下哪个标签用于定义HTML文档中的链接?A. <link>B. <a>C. <href>D. <url>答案:B6. 以下哪个标签用于定义HTML文档中的图像?A. <img>B. <image>C. <picture>D. <photo>答案:A7. 以下哪个标签用于定义HTML文档中的列表?B. <ul>C. <ol>D. <dl>答案:B8. 以下哪个标签用于定义HTML文档中的表格?A. <table>B. <grid>C. <spreadsheet>D. <matrix>答案:A9. 以下哪个标签用于定义HTML文档中的表头单元格?A. <th>B. <td>C. <tr>D. <thead>答案:A10. 以下哪个标签用于定义HTML文档中的表格数据单元格?A. <th>B. <td>C. <tr>D. <tbody>答案:B11. 以下哪个标签用于定义HTML文档中的表格行?A. <th>B. <td>C. <tr>D. <tbody>答案:C12. 以下哪个标签用于定义HTML文档中的表头部分?A. <th>B. <td>C. <tr>D. <thead>答案:D13. 以下哪个标签用于定义HTML文档中的表格主体部分?A. <th>B. <td>D. <tbody>答案:D14. 以下哪个标签用于定义HTML文档中的表格脚注部分?A. <th>B. <td>C. <tr>D. <tfoot>答案:D15. 以下哪个标签用于定义HTML文档中的表单?A. <form>B. <input>C. <button>D. <select>答案:A16. 以下哪个标签用于定义HTML文档中的输入字段?A. <form>B. <input>C. <button>D. <select>答案:B17. 以下哪个标签用于定义HTML文档中的按钮?A. <form>B. <input>C. <button>D. <select>答案:C18. 以下哪个标签用于定义HTML文档中的下拉列表?A. <form>B. <input>C. <button>D. <select>答案:D19. 以下哪个标签用于定义HTML文档中的文本区域?A. <form>B. <input>C. <textarea>D. <select>20. 以下哪个标签用于定义HTML文档中的标题?A. <h1>B. <h2>C. <h3>D. <h4>答案:A21. 以下哪个标签用于定义HTML文档中的子标题?A. <h1>B. <h2>C. <h3>D. <h4>答案:B22. 以下哪个标签用于定义HTML文档中的小标题?A. <h1>B. <h2>C. <h3>D. <h4>答案:C23. 以下哪个标签用于定义HTML文档中的更小标题?A. <h1>B. <h2>C. <h3>D. <h4>答案:D24. 以下哪个标签用于定义HTML文档中的段落?A. <p>B. <para>C. <paragraph>D. <text>答案:A25. 以下哪个标签用于定义HTML文档中的换行?A. <br>B. <break>C. <line>D. <newline>答案:A26. 以下哪个标签用于定义HTML文档中的水平线?A. <hr>B. <line>C. <divider>D. <horizontal>答案:A27. 以下哪个标签用于定义HTML文档中的注释?A. <!-- -->B. <comment>C. <note>D. <remark>答案:A28. 以下哪个标签用于定义HTML文档中的强调文本?A. <em>B. <strong>C. <italic>D. <bold>答案:A29. 以下哪个标签用于定义HTML文档中的重要文本?A. <em>B. <strong>C. <italic>D. <bold>答案:B30. 以下哪个标签用于定义HTML文档中的斜体文本?A. <em>B. <strong>C. <i>D. <italic>答案:C31. 以下哪个标签用于定义HTML文档中的粗体文本?A. <em>B. <strong>C. <i>D. <b>答案:D32. 以下哪个标签用于定义HTML文档中的代码片段?A. <code>C. <samp>D. <kbd>答案:A33. 以下哪个标签用于定义HTML文档中的预格式化文本?A. <code>B. <pre>C. <samp>D. <kbd>答案:B34. 以下哪个标签用于定义HTML文档中的示例输出?A. <code>B. <pre>C. <samp>D. <kbd>答案:C35. 以下哪个标签用于定义HTML文档中的键盘输入?A. <code>B. <pre>C. <samp>D. <kbd>答案:D36. 以下哪个标签用于定义HTML文档中的引用?A. <q>B. <blockquote>C. <cite>D. <quote>答案:A37. 以下哪个标签用于定义HTML文档中的长引用?A. <q>B. <blockquote>C. <cite>D. <quote>答案:B38. 以下哪个标签用于定义HTML文档中的引用来源?A. <q>B. <blockquote>C. <cite>答案:C39. 以下哪个标签用于定义HTML文档中的缩写?A. <abbr>B. <acronym>C. <short>D. <brief>答案:A40. 以下哪个标签用于定义HTML文档中的地址信息?A. <address>B. <location>C. <contact>D. <info>答案:A41. 以下哪个标签用于定义HTML文档中的删除文本?A. <del>B. <delete>C. <remove>D. <strike>答案:A42. 以下哪个标签用于定义HTML文档中的插入文本?A. <ins>B. <insert>C. <add>D. <new>答案:A43. 以下哪个标签用于定义HTML文档中的上标文本?A. <sup>B. <sub>C. <upper>D. <top>答案:A44. 以下哪个标签用于定义HTML文档中的下标文本?A. <sup>B. <sub>C. <lower>D. <bottom>答案:B45. 以下哪个标签用于定义HTML文档中的定义列表?A. <dl>B. <dt>C. <dd>D. <def>答案:A46. 以下哪个标签用于定义HTML文档中的定义术语?A. <dl>B. <dt>C. <dd>D. <def>答案:B47. 以下哪个标签用于定义HTML文档中的定义描述?A. <dl>B. <dt>C. <dd>D. <def>答案:C48. 以下哪个标签用于定义HTML文档中的框架集?A. <frameset>B. <frame>C. <iframe>D. <window>答案:A49. 以下哪个标签用于定义HTML文档中的内联框架?A. <frameset>B. <frame>C. <iframe>D. <window>答案:C50. 以下哪个标签用于定义HTML文档中的脚本?A. <script>B. <js>C. <javascript>D. <code>答案:A答案汇总:2. C3. A4. A5. B6. A7. B8. A9. A10. B11. C12. D13. D14. D15. A16. B17. C18. D19. C20. A21. B22. C23. D24. A25. A26. A27. A28. A29. B30. C31. D32. A33. B34. C35. D36. A37. B38. C39. A40. A41. A42. A43. A44. B45. A46. B48. A49. C50. A。

HTML、CSS、JQUERY考题答案

HTML、CSS、JQUERY考题答案

HTML、CSS、JQUERY考题答案Html/CSS、Jquery考题考试时间:考试⼈员:本卷考题总共10题,每题1分;题1:请写出⼀个“浮动”的DIV层,样式是:宽度为200像素;⾼度为150像素;位置左为150像素;上为200像素;边框为1像素、实线、灰⾊;字体为14像素、红⾊;⽂本⾸⾏缩进20个像素;左右边距为10像素;滚动条隐藏;答:请看下⾯的界⾯,根据题⽬回答问题:题2:⽤最简捷的⽅法取得form表单中输⼊框的值,⽣成对象,并通过异常提交表单的值?答:var data={};var$data=$("form input[type=text]");$($data).each(function(){data[$(this).attr("id")]=$(this).val();});题3:给按钮添加点击事件?答:$("#submit").click(function(){});题4:请写内容为“地址”的div层?答:var$addressdiv=$("form>div:contains(地址)");题5:取得form表单中内容为空的div层?答:var$empty=$("div:empty");题6:$(“form>div input”)输出结果:答:4个input分别是:id=name id=age id=address id=submit题7:$("form>div:first~div>input")输出结果:答:3个input分别是:id=age id=address id=submit题8:$("form>div:first+div input")输出结果:答:1个input是id=age题9:取得隐藏的输⼊框:答:var$inputs=$("input:hidden");题10:异步读取数据,成功⽅法中将表单输⼊框赋值?。

XHTML-试题

XHTML-试题

--------------------------------------装--------------------------------------订------------------------------线---------------------------------------- 选择题(每题2分,共计100分)1.CSS的全称是()。

A. Computer Style SheetsB. Cascading Style SheetsC.Creative Style Sheets D.Colorful Style Sheets2.在HTML文档中,引用外部样式表文件的位置正确的是()。

A.在HTML文档的最后B.在body片断内C.在HTML文档的顶部D.在head片断内3.以下选项中,用来定义内嵌样式规则的是()。

A.<style> B.<css> C.<script> D.<link>4.下列HTML属性用来定义行内样式规则的是()。

A.style B.class C.font D.styles5.下列选项中不属于CSS 文本属性的是()。

A.font-size B.text-transform C.text-align D.line-height6.下列CSS语法规则正确的是()。

A.body:color=black B.{body;color:black}C.body {color: black} D.{body:color=black(body}7.下列选项中,用来改变背景颜色的样式属性是()。

A.background-color B.bgcolor C.color D.backgroundcolor 8.以下引用外部样式表正确的是()。

--------------------------------------装--------------------------------------订------------------------------线----------------------------------------A .<stylesheet>mystyle.css</stylesheet>B . <style src="mystyle.css">C .<link rel="stylesheet" type="text/css" href="mystyle.css">D .<style href="mystyle.css">9.以下选项中可以为所有H1定义背景颜色的是( )。

html+css笔试附答案

html+css笔试附答案
正确答案:D
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;
D、
<p><b><i>short</i></b> paragraph</p>
正确答案:D
31、
在CSS样式文件中的注释正确的是( )
A、
// this is a comment //
B、
// this is a comment
C、
/* this is a comment *
D、
/' this is a comment
A、
background-image: "" no-repeat 0 0;
B、
background-url: " ") no-repeat 0 0;
C、
background:url("") no-repeat 0 0;
D、
background: "" no-repeat 0 0;
D、
:after 不可以在元素之后添加指定链接的文件内容
正确答案:A
38、
以下选项中可以为所有H1定义背景颜色的是( )
A、
{background-color:#FFFFFF}
B、
h1 {background-color:#FFFFFF}

html+css考试题及答案

html+css考试题及答案

达职院第一次内测(3月份)一、选择1. 在一个框架的属性面板中,不能设置下面哪一项。

( D )A.源文件; B.边框颜色; C.边框宽度D.滚动条2. 下列哪一项表示的不是按钮( C )A.type="submit" B.type="reset" C.type="image" D.type="button"3.下面哪一个属性不是文本的标签属性?( B )A.nbsp; B.align C.color D.Face4.下面哪一项的电子邮件链接是正确的?( D )A. B.xxx@.net C.xxx@com D.xxx@5.当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。

( C )A.ASP B.HTML C.ZIP D.CGI6.关于表格的描述正确的一项是。

( D )A.在单元格内不能继续插入整个表格B.可以同时选定不相邻的单元格C.粘贴表格时,不粘贴表格的内容D.在网页中,水平方向可以并排多个独立的表格7.如果一个表格包括有1行4列,表格的总宽度为“699”,间距为“5”,填充为“0”,边框为“3”,每列的宽度相同,那么应将单元格定制为多少像素宽。

( D )A.126 B.136 C.147 D.1678.关于文本对齐,源代码设置不正确的一项是:( A )A.居中对齐:<div align="middle">…</div>B.居右对齐:<div align="right">…</div>C.居左对齐:<div align="left">…</div>D.两端对齐:<div align="justify">…</div>9.下面哪一项是换行符标签?( C )A.<body> B.<font> C.<br> D.<p>10.下列哪一项是在新窗口中打开网页文档。

HTML+CSS基础考题含答案

HTML+CSS基础考题含答案

一专多能裁切试题姓名:________ 职位______________(注:PS为Photoshop、DW为Dreamweaver)一、判断正误(1)HTML标记符的属性一般不区分大小写。

(对)(2)网站就是一个链接的页面集合。

(对)(3)HTML是HyperText Markup Language(超文本标记语言)的缩写。

(对)(4)所有的HTML标记符都包括开始标记符和结束标记符。

(错)(5)用H1标记符修饰的文字通常比用H6标记符修饰的要小(错)。

(6)B标记符表示用粗体显示所包括的文字。

(对)(7)GIF格式的图象最多可以显示256种颜色。

(对)(8)在Dreamweaver中它只能对HTML文件可以进行编辑。

(错)(9)Photoshop存储文件时,默认的是PSD格式文件。

(对)(10)Photoshop里的文字被栅格化后,不能对其字体做修改了。

(对)二、单项选择题目1.PS中切片工具的快捷键是哪个?( C )A.XB.ctrl+CC.CD.ctrl+X2.在PS中如何复制出相同大小的切片( C )A.Ctrl+VB.按住Ctrl键拖拉切片C.按住Alt键拖拉切片D.同时按住Ctrl+Alt键拖拉切片3.请选出哪个不是块级元素( D )A.PB.D IVC.U LD.SPAN4.HTML中注释的写法正确的是(A)A、<!---->B、/**/C、//D、“”5.在PHOTOSHOP中,显示或隐藏<图层>面板的快捷键是(c)A、F5B、F6C、F7D、F86.在PHOTOSHOP中,新建普通图层的快捷键是(a)A.CTRL+SHIFT+N;B.CTRL+ALT+N;C.CTRL+SHIFT+ALT+N;D.CTRL+N;7、CSS是利用什么XHTML标记构建网页布局?(b)A、<dir>B、<div>C、<dis>D、<dif>8,下列选项中不属于CSS文本属性的是(d)A、font-sizeB、text-transformC、text-alignD、line-height9,清除浮动的CSS写法正确的是(B)A.clear:noneB.clear:bothC.clear:leftD.clear:right10,下列哪一项是css正确的语法构成?(C)A.body:color=blackB.{body;color:black}C.body{color:black;}D. {body:color=black(body}三、多选题{总计:40分}1、在PS中,输出常用的三种图片格式是(ACE)A:JPGB:PNG-8C:PNG-24D:WBMPE:GIFF:IMG2、在开始切图前后需要注意哪些,下列说法正确的是(ABD)A. 提前和设计沟通是否有特别要注意的地方B. 如若电话号码特殊字体要和设计或策划沟通是否切图C. 对比策划稿,看设计稿是否有板块出入D. 有特殊交互效果要和程序要提前知会程序看是否能实现E. 保存的全屏切片大小不能超过500K3、做完PC网站需要测试的浏览器有哪些(ABCDEF)A、IE各浏览器B、火狐C、360浏览器D、猎豹浏览器E、搜狗浏览器F、谷歌浏览器4、"在Dreamweaver中,中文输入时欲键入空格应该怎么做?(___BC______)A. 在编辑窗口直接输入一个半角空格B. 代码中输入“&nbsp;”C.在编辑窗口输入一个全角空格D. 在编辑窗口输入两次空格5、下列说法正确的是(AC)A、检查本项目的裁切稿有没有出现其他项目的名字(如公司名字)B、网站无效样式代码无须清除,以便后期修改C、检查裁切稿和设计稿的差距。

html+css笔试附问题详解

html+css笔试附问题详解
D、
<Style Type=”text/css”>P.firstp {color:red}</Style>
正确答案:B
21、
下列CSS语法规则正确的是()
A、
body:color=black
B、
{body;color:black}
C、
body {color: black}
D、
{body:color=black(body}
9、
background-repeat,默认效果是()
A、
背景图不平铺
B、
背景图横向平铺
C、
背景图纵向平铺
D、
背景纵向和横向上平铺
正确答案:D
10、
下列不属于浮动元素特征的是()
A、
浮动元素会被自动地设置为块状元素显示
B、
浮动元素在垂直方向上它与未被定义为浮动时的位置一样
C、
浮动元素在水平方向上,它将最大程度地靠近其父级元素边缘
A、
<Style Type=”text/css”>P {color:red}</Style>
B、
<Style Type=”text/css”>#firstp {color:red}</Style>
C、
<Style Type=”text/css”>.firstp {color:red}</Style>
B、
盒子的流动定位
C、
盒子的页面定位
D、
Position定位
正确答案:C
6、
以下代码片断中,属于静态定位的是()
A、
#bb{width:100px;position:relative }
B、
#bb{width:100px;position:sastic }

(完整版)CSS综合练习50选择题(单、多)

(完整版)CSS综合练习50选择题(单、多)

CSS综合练习50选择题(单、多)基本信息: [矩阵文本题] [必答题]姓名:________________________学号:________________________班级:________________________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.背景附件(正确答案)○ B.文本排列○ C.纵向排列○ D.文本缩进4.下列()不属于CSS文本属性。

[单选题] [必答题]○ A.font-size○ B.text-transform○ C.text-align○ D.line-through(正确答案)5.下列哪一项是CSS正确的语法构成() [单选题] [必答题]○ A.body:color=black○ B.{body;color:black}○ C.body{color:black}(正确答案)○ D.{body:color=black}6.下面哪个CSS属性是用来改变背景颜色的() [单选题] [必答题]○ A.background-color:(正确答案)○ B.bgcolor:○ C.color:○ D.text:7.怎样给所有的<h1>标签添加背景颜色() [单选题] [必答题]○ A. .h1 { background-color:#ffffff }○ B. h1 { background-color; }(正确答案)○ C. h1.all { background-color:#ffffff }○ D. #h1 { background-color:#ffffff }8.下列哪个CSS属性可以更改样式表的字体颜色() [单选题] [必答题] ○ A.text-color=○ B.fgcolor:○ C.text-color:○ D.color:(正确答案)9.下列哪个CSS属性可以更改字体大小() [单选题] [必答题]○ A.text-size○ B.font-size(正确答案)○ C.text-style○ D.font-style10.下列哪段代码能够定义所有P标签内文字加粗() [单选题] [必答题]○A.<p style=”text-size:blod”>○ B.< p style=”font-size:blod”>○ C.p{ text-size:bold; }○ D.p{ font-weight:bold; }(正确答案)11.下面哪个方法可以去掉文本超链接的下划线() [单选题] [必答题]○ A. a{ text-decoration:no underline; }○ B. a{ underline:none; }○ C. a{ decoration:no underline; }○ D. a{ text-decoration:none; }(正确答案)12.下列哪个CSS属性能够更改文本字体() [单选题] [必答题]○ A.f;○ B.font=○ C.font-family:(正确答案)○ D.text-decoration:none;13.下列哪个CSS属性能够设置文本加粗() [单选题] [必答题]○ A.font-weight:bold(正确答案)○ B.style:bold○ C.font:b○D.font=”bold”14.下列哪个CSS属性能够设置盒子模型的填充为10、20、30、40、(顺时针方向)() [单选题] [必答题]○ A.padding:10px 20px 30px 40px(正确答案)○ B. padding:40px 30px 20px 10px○ C.padding:10px 40px 30px 20px○ D. padding:20px 10px 40px 30px15.下列哪个属性能够设置盒子模型的左侧边界() [单选题] [必答题]○ B.indent:○ C.margin-left:(正确答案)○ D.text-indent:16.()能够定义列表的项目符号为实心矩形。

XHTML综合测试题

XHTML综合测试题

XHTML综合测试题1、样式是利用以下()标记构建网页布局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、背景附件B、文本排列C、纵向排列D、文本缩进4、下列选项中不属于CSS文本属性的是()A、font-sizeB、text-transformC、text-alignD、line-height5、在CSS中不属于添加在当前页面的样式是()A、内联样式表B、嵌入式样式表C、行内样式表D、链接式样式表6、在CSS样式中,下列哪一项是设置列表样式图象的语法()A、width: <值>B、height: <值>C、white-space: <值>D、list-style-image: <值>7、下列哪一项是正确的CSS样式规则语法()A、body:color=blackB、{body;color:black}C、body {color: black;}D、{body:color=black(body}8、下面哪个样式属性是用来更改背景颜色的( )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、下列哪个样式属性可以更改样式表的字体颜色( )A、text-colorB、fgcolor:C、text-color:D、color:11、下列哪个样式属性可以更改字体大小( )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、如何设置英文首字母大写( )A、text-transform:uppercaseB、text-transform:capitalizeC、样式表做不到D、text-decoration:none15、下列哪个样式属性能够更改文本字体( )A、f:B、font=C、font-family:D、text-decoration:none16、下列哪个样式属性能够设置文本加粗( )A、font-weight:boldB、style:boldC、font:bD、font-style:bold17、下列哪个样式属性能够设置盒模型的内补丁为10、20、30、40像素( )A、padding:10px 20px 30px 40pxB、padding:10px 1pxC、padding:5px 20px 10pxD、padding:10px18下列哪个属性能够设置盒模型的左侧外补丁( )A、margin:B、indent:C、margin-left:D、text-indent:19、定义盒模型外补丁的时候是否可以使用负值( )A、是B、否20、如何能够定义列表的项目符号为实心矩形( )A、list-type: squareB、type: 2C、type: squareD、list-style-type: square21、在CSS样式中下列哪些选项不是背景图像的属性()A、背景重复B、背景颜色C、纵向排列D、背景位置22、以下选择器类型不包括()A、超文本标记选择器B、类选择器C、标签选择器D、ID 选择器23、下列CSS文本样式属性中,文本对齐属性取值不包括()A、autoB、justifyC、centerD、right24、CSS样式下列padding复合属性不包括()A、填充B、上填充C、底填充D、左填充25、CSS样式中,盒子模型的属性不包括()A、borderB、marginC、paddingD、visible26、下面关于样式的说法不正确的是( )A、样式可以控制网页背景图片B、margin属性的属性值可以是百分比C、整个BODY可以作为一个BOXD、margin属性不能同时设置四个边的边距27、下面关于样式的说法不正确的是( )A、样式可以控制网页背景图片B、margin属性的属性值可以是百分比C、字体大小的单位可以是emD、1em等于18像素28、边框样式可以包含的值包括:( )A、粗细B、颜色C、样式D、长短29、单击()会跳转到当前页面某个位置,却不会打开新的网页文件。

XHTML+CSS试题有答案

XHTML+CSS试题有答案

B display:inline D display:inline-block
(c )
34、解决 IE6 中 div 出现图片间隙问题的 Hack 是:(d ) A、将元素 img 转换为块元素 B、将元素 img 转换为块元素 C、将</div>与<img>元素写再一行上 D、以上都对
35.表格的真正作用是( b ). A. 网页排版布局 C.处理图像
26. 关于 text-indent 描述错误的是:(c) A. text-indent:20px; B. text-indent:-20px; C. text-indent:left; D.text-indent:2em;
28. 关于块状元素说法正确的是:(c) A. 快状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域,常用的块状元素包 块 div\h1-h6\p\ul 等; B. 默认情况下,块状元素都会占据一行,通俗地说,两个相邻块状元素不会出现并列显示的现象; 默认情况下,块状元素会按顺序自上而下排列。
(b )
B float:center D float:none;
13、为了解决浮动双倍间距问题,我们可以在相应元素上添加 ( c )
A float:left;
B display:block;
C display:inline;
D margin:0;
14、以下哪种现象在 FF2.0 中会存在:(c) A 双倍边距的问题 B 图片间隙的问题 C 父元素不能自适应子元素高度 D 以上说法都不对
姓名
2、以下是<!DOCTYPE>元素作用的是(a ) A、该元素用来定义文档类型 B、该元素用来声明命名空间 C、该元素用来向搜索引擎声明网站关键字 D、该元素用来向搜索引擎声明网站作者

XHTMLCSS考试试题答案

XHTMLCSS考试试题答案

•选择 1. 表示放在每个定义术语词之前的 XHTML 弋码是(A )2.如何在新窗口中打开链接? ( D )A.混合分框B.纵向分框C. 横向分框D.任意分框4.框架中“不可改变大小”的语法是下列哪一项(B )A. <img src="URL" border=?>B. <cen ter></ce nter>C. <address></address>D. <frame no resize>•简答1. 如何由页面底部快速跳到页面的顶部 ?插下锚标签2. 如何给文字连接加上文字提示?alt= ””4.如何让所有链接在框架的同一指定窗口打开?XHTML+CSS 考试题姓名:批次: 分数:A. <dl></dl>B. <dt></dt>C. <dd></dd>D. <ol></ol>A. <a href= ” #” new>B. <a href=” #” target= ” _blank ” >C. <a href= ” #” target=_self ” ></a> D. <a href= ” #” target= blank ” ></a>3. vframeset rows=#>是用来指定什么的? C5.A.display:i nlineB.display: noneC. display:blockdisplay:i nherit6.不换行必须设置( A )A.word-breakB.l etter-spac ingC.white-spaced-spaci ngD.D.worA.<span class="heading"> 文章标题 </span>B.<p><b>文章标题</b></p> C. <h1>文章标题 </h1>D.<strong> 文章标题 </strong>3.如何让所有页面共享同一个层叠样式表 (CSS)?<link href= ”” >F 列哪个样式定义后 ,内联(非块状)元素可以定义宽度和高度 ( A )7.选出你认为最合理的定义标题的方法 (C5. 图片加链接后有浏览器默认的边框,如何消除?设置边框等于06. 将以下CSS代码进行缩写,注意要符合缩写的规范。

CSS综合练习50选择题(单、多)

CSS综合练习50选择题(单、多)

CSS综合练习50选择题(单、多)基本信息: [矩阵文本题] [必答题]姓名:________________________学号:________________________班级:________________________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.背景附件(正确答案)○ B.文本排列○ C.纵向排列○ D.文本缩进4.下列()不属于CSS文本属性。

[单选题] [必答题]○ A.font-size○ B.text-transform○ C.text-align○ D.line-through(正确答案)5.下列哪一项是CSS正确的语法构成() [单选题] [必答题]○ A.body:color=black○ B.{body;color:black}○ C.body{color:black}(正确答案)○ D.{body:color=black}6.下面哪个CSS属性是用来改变背景颜色的() [单选题] [必答题]○ A.background-color:(正确答案)○ B.bgcolor:○ C.color:○ D.text:7.怎样给所有的<h1>标签添加背景颜色() [单选题] [必答题]○ A. .h1 { background-color:#ffffff }○ B. h1 { background-color; }(正确答案)○ C. h1.all { background-color:#ffffff }○ D. #h1 { background-color:#ffffff }8.下列哪个CSS属性可以更改样式表的字体颜色() [单选题] [必答题] ○ A.text-color=○ B.fgcolor:○ C.text-color:○ D.color:(正确答案)9.下列哪个CSS属性可以更改字体大小() [单选题] [必答题]○ A.text-size○ B.font-size(正确答案)○ C.text-style○ D.font-style10.下列哪段代码能够定义所有P标签内文字加粗() [单选题] [必答题]○A.<p style=”text-size:blod”>○ B.< p style=”font-size:blod”>○ C.p{ text-size:bold; }○ D.p{ font-weight:bold; }(正确答案)11.下面哪个方法可以去掉文本超链接的下划线() [单选题] [必答题]○ A. a{ text-decoration:no underline; }○ B. a{ underline:none; }○ C. a{ decoration:no underline; }○ D. a{ text-decoration:none; }(正确答案)12.下列哪个CSS属性能够更改文本字体() [单选题] [必答题]○ A.f;○ B.font=○ C.font-family:(正确答案)○ D.text-decoration:none;13.下列哪个CSS属性能够设置文本加粗() [单选题] [必答题]○ A.font-weight:bold(正确答案)○ B.style:bold○ C.font:b○D.font=”bold”14.下列哪个CSS属性能够设置盒子模型的填充为10、20、30、40、(顺时针方向)() [单选题] [必答题]○ A.padding:10px 20px 30px 40px(正确答案)○ B. padding:40px 30px 20px 10px○ C.padding:10px 40px 30px 20px○ D. padding:20px 10px 40px 30px15.下列哪个属性能够设置盒子模型的左侧边界() [单选题] [必答题]○ B.indent:○ C.margin-left:(正确答案)○ D.text-indent:16.()能够定义列表的项目符号为实心矩形。

XHTML+CSS试题有答案

XHTML+CSS试题有答案

学院班级姓名一、单项选择题(每套20题,每题2分,共40分)1、关于web标准以下说法错误的是(b )A、Web标准是一个复杂的概念集合,它由一系列标准组成B、这些标准全部都由W3C起草与发布C、Web标准可以分为3个方面D、Web标准里的表现标准语言主要包括CSS2、以下是<!DOCTYPE>元素作用的是(a )A、该元素用来定义文档类型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元素转换为块元素7、关于背景,以下描述错误的是:(c)A、background-img:B、background-img:C、background-widthD、background-attachment8、以下声明中,可以取消加粗样式的有( c )A 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)Ameta B input C hr D form17、标签<p> 的对齐属性是:(b)A、style B 、align C、angle D、padding18、以下哪个选项是设置底边框的:(a)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属性,如:<div id="top"></div>C 选择符更适合定义类样式D 一个id名称只能对应于文档中一个具体的元素对象21.以下哪个选项是对对象进行定位的:(c)A、PaddingB、MarginC、positionD、display22.关于div以下描述正确的是( a ).A. div是类似于一行一列表格的虚线框B. div由行列形成的单元格构成,可执行合并拆分等操作C. 由div布局的网页结构与表现不分离D. div不要求我们严格css支持23.关于使用CSS以下说法错误的是( c )A. 选择符:选择符表示要定义样式的对象,可以是元素本身,也可以是一类元素或者制定名称的元素.B. 选择属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

XHTML+CSS考试题
姓名:批次:分数:
一.选择
1. 表示放在每个定义术语词之前的XHTML代码是( A )
A. <dl></dl>
B. <dt></dt>
C. <dd></dd>
D. <ol></ol>
2. 如何在新窗口中打开链接?( D )
A. <a href=”#” new>
B. <a href=”#” target=”_blank”>
C. <a href=”#” target=”_self”></a>
D. <a href=”#” target=”_blank”></a>
3. <frameset rows=#>是用来指定什么的?C
A. 混合分框
B. 纵向分框
C. 横向分框
D. 任意分框
4. 框架中“不可改变大小”的语法是下列哪一项( B )
A. <img src="URL" border=?>
B. <center></center>
C. <address></address>
D. <frame noresize>
5. 下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度( A )
A.display:inline
B.display:none
C. display:block
D. display:inherit
6. 不换行必须设置( A )
A.word-break
B.letter-spacing
C.white-space
D.word-spacing
7. 选出你认为最合理的定义标题的方法( C )
A.<span class="heading">文章标题</span>
B.<p><b>文章标题</b></p>
C. <h1>文章标题</h1>
D. <strong>文章标题</strong>
二.简答
1. 如何由页面底部快速跳到页面的顶部?插下锚标签
2. 如何给文字连接加上文字提示?alt=””
3. 如何让所有页面共享同一个层叠样式表(CSS)?<link href=””>
4. 如何让所有链接在框架的同一指定窗口打开?
5. 图片加链接后有浏览器默认的边框,如何消除?设置边框等于0
6. 将以下CSS代码进行缩写,注意要符合缩写的规范。

a) 代码一:
border-width:1px;
border-color:#000;
border-style:solid;
border:1px solid #000
b) 代码二:
background-position:0 0;
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#f00;
background-image:url(background.gif);
Background:#foo url(background.gif) no-repeat fixed 0 0
c) 代码三:
font-style:italic;
font-family:"Lucida Grande",sans-serif;
font-size:1em;
font-weight:bold;
font-variant:small-caps;
line-height:140%;
Font:italic small-caps bold 1em/140% “Lucida Grande“,sans-serif d) 代码四:
list-style-position:inside;
list-style-type:square;
list-style-image:url(image.gif);
List-style:square inside url(image.gif)
e) 代码五:
margin-left:20px;
margin-right:20px;
margin-bottom:5px;
margin-top:20px;
margin:20px 20px 5px 20px;
f)代码六:
color:#336699;
color:#ffcc00;
color:#369;
color:#fc0
7.使用重构的方式制作出一个如下图的水平、垂直都居中短边为50px,长边为150px的红色十字架。

要求:
1.使用2个div完成
2.使用3个div完成
3.使用5个div完成
8.用DIV+CSS制作出以下模型。

相关文档
最新文档