html+css考试题

合集下载

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 )。

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

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

htmlcssjs考试题及答案

htmlcssjs考试题及答案HTML/CSS/JS考试题及答案一、选择题（每题3分，共30分）1. HTML5中，哪个元素用于定义最重要的标题？A. `<h1>`B. `<h6>`C. `<p>`D. `<div>`答案：A2. CSS中，哪个属性用于设置文本的颜色？A. `color`B. `background-color`C. `font-size`D. `text-align`答案：A3. 在HTML中，`<form>`元素的哪个属性用于指定表单数据提交到服务器的URL？A. `action`B. `method`C. `type`D. `href`答案：A4. JavaScript中，哪个函数用于将字符串转换为小写？A. `toLowerCase()`B. `toUpperCase()`C. `trim()`D. `replace()`答案：A5. CSS中，哪个选择器用于选择类名为“header”的所有元素？A. `.header`B. `#header`C. `header`D. `[name="header"]`答案：A6. 在HTML中，哪个元素用于定义客户端脚本？A. `<script>`B. `<noscript>`C. `<embed>`D. `<object>`答案：A7. JavaScript中，哪个对象用于处理浏览器窗口？A. `window`B. `document`C. `navigator`D. `screen`答案：A8. CSS中，哪个属性用于设置元素的宽度？A. `width`B. `height`C. `max-width`D. `min-width`答案：A9. HTML5中，哪个元素用于定义一个节或文档的一部分？A. `<section>`B. `<article>`C. `<div>`D. `<header>`答案：A10. JavaScript中，哪个方法用于将字符串分割成数组？A. `split()`B. `join()`C. `slice()`D. `substring()`答案：A二、填空题（每题4分，共20分）1. HTML中的`<meta>`标签用于提供______信息。

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笔试附答案

正确答案：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}

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)测试试卷

网页制作与设计（HTML+CSS）测试试卷班级：考生姓名：成绩：一.选择题(每题1分，共20分)单项选择题(在每小题的四个备选答案中，选出一个正确答案，并将正确答案的序号填在题后的括号内。

)1.通常一个站点的主页默认文档名是( )A.Main.htmB.Webpage.htmC.Index.htmD.Homepage.htm2.以下关于HTML文档的说法正确的一项是( )A.<HTML>与</HTML>这两个标记合起来说明在它们之间的文本表示两个HTML文本B.HTML文档是一个可执行的文档C.HTML文档只是一种简单的ASCII码文本D.HTML文档的结束标记</HTML>可以省略不写3.正确描述创建一个一级标题居中的句法是( )A. <H0 ALIGN=CENTER> Heading Text </H0>B. <H1 ALIGN=CENTER> Heading Text </H1>C. <H ALIGN=CENTER> Heading Text </H>D. <HT ALIGN=CENTER> Heading Text </HT>4.要创建一个Email地址的链接，下面正确的句法是( )A.<ahref="mailto:**************">与我联系</a>B.<ahref="files:**************">与我联系</a>C.<ahref="http:**************">与我联系</a>D.<ahref="senet:**************">与我联系</a>5.下列是可以放置在<FORM> 和</FORM>之间的标记，其中用于定义一个用户可键入多行文本的标记是( )A. <select>B. <textarea>C. <input>D. <body>6.在HTML中定义一个书签应该使用( )A. <a name=“bookmark” > text </a>B. <a href= “#bookmark”> text </a>C. <a link=“#bookmark” > text </a>D. <a target=“#bookmark”> text </a>7.若想将窗体中数据发送到服务器由服务器脚本处理，应将<INPUT>标记的TYPE属性值设为( )A. SUBMITB. RADIOC. RESETD. TEXT8.要想合并两个单元格，应该使用( )属性进行设置。

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. 代码中输入“ ”C.在编辑窗口输入一个全角空格D. 在编辑窗口输入两次空格5、下列说法正确的是（AC）A、检查本项目的裁切稿有没有出现其他项目的名字（如公司名字）B、网站无效样式代码无须清除，以便后期修改C、检查裁切稿和设计稿的差距。

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 }

html+css考试题

1.以你目前的知识是否可以实现页面每20秒刷新一次，如果可以，请实现。

2.以你目前的知识，只使用HTML+CSS在页面上做出一个三角形。

3.引入CSS文件的方法，谈谈他们的区别。

4.CSS Sprite是什么？谈谈你对它的理解。

5.简述padding和margin的区别。

6.如何使两个块级元素并列一排，你有几种实现方式。

7.CSS HACK是什么。

8.如何实现一个动画。

9.如何实现下图中的样式下面这张图取自京东页面的一部分，如何实现的，重点说一下细
节地方。

10. 下面这张图取自京东页面的一部分，如何实现的，重点说一下细节地方。

html+css笔试附答案

html+css笔试附答案html+css满分：172 分考试时间：180 分钟一、单选题（总分172,每小题1分）1、下列关于XHTML 中的CSS 样式表的说法正确的是（）A 、 CSS 样式表的基本选择器有：标记选择器、Id 选择器和类选择器及后代选择器B 、C SS 样式表仅具有继承性C 、对于定义样式div .p{color:red;}意思是div 下面的应用了类p 的标签的字体颜色为红色D 、 I D 选择器在CSS 样式表具有最高优先级正确答案：C2、以下选项中，不是页面布局模型的是（）A 、盒子模型B 、层模型C 、流动模型 D 、浮动模型正确答案：A3、以下不是float 属性的是（）A 、 l eftB 、 n oneC 、 r ightD 、 a ll正确答案：D4、在CSS 中，关于BOX 的margin 属性的叙述正确的是（）A 、边距margin 只能取一个值B 、margin 属性的参数有margin-left 、margin-right 、margin-top 、margin-bottomC 、 m argin 属性的值不可为autoD 、 m argin 属性的参数值不能全部设置成0px正确答案：B5、下列不属于盒子的定位的是（）A、浮动定位B、盒子的流动定位C、盒子的页面定位D、P osition定位正确答案：C6、以下代码片断中，属于静态定位的是（）A、#bb{width：100px；position：relative }B、#bb{width：100px；position：sastic }C、#bb{width：100px； }D、#bb{width：100px；position：absolute}正确答案：A7、下列选项中，用来改变背景颜色的样式属性是（）A、b ackground-colorB、b gcolorC、c olorD、b ackgroundcolor正确答案：A8、以下选项中不能实现清除浮动的是（）A、空divB、h over伪类选择器C、c lear属性D、o verflow属性正确答案：B9、b ackground-repeat，默认效果是（）A、背景图不平铺B、背景图横向平铺C、背景图纵向平铺D、背景纵向和横向上平铺正确答案：D10、下列不属于浮动元素特征的是（）A、浮动元素会被自动地设置为块状元素显示B、浮动元素在垂直方向上它与未被定义为浮动时的位置一样C、浮动元素在水平方向上，它将最大程度地靠近其父级元素边缘D、浮动元素有可能会脱离包含元素之外正确答案：D11、下面关于盒子模型中的相关属性的阐述正确的是（）A、border属性是一个复合属性，若单独使用此属性，其子属性值的必须要按顺序书写B、在盒子模型的每个属性中，均可分为四个方向，分别为上、右、下、左;C、我们在定义盒子的padding值时，若定义三个值则第一个值代表上下内边距，中间的值代表右边距，而最后一个值则代表左边距D、通常在网页设计中，盒子模型一般有3种正确答案：D12、以下说法正确的是（）A、b ackground-color:设置文字颜色B、b ack-corlor：设置背景色C、b ackground-color：设置背景色D、c olor：设置背景色正确答案：C13、（）主要用来进行页面上的文字段落或图片的放置位置的设置A、盒子B、边框C、区块D、定位正确答案：A14、怎样使一个层垂直居中于浏览器中（）A、p adding: 50% 50%B、m argin: 50% 50%C、m argin: 0 autoD、m argin: -100 auto正确答案：B15、一般情况下，布局属性中溢出属性的默认值为（）A、隐藏B、滚动C、可视D、自动正确答案：D16、能够设置文本加粗的样式属性是（）A、f ont-weight:boldB、s tyle:boldC、f ont:bD、f ont-style:bold正确答案：A17、给所有的＜h1＞标签添加背景颜色的是（）A、h1 {background-color:#FFFFFF}B、h1 {background-color:#FFFFFF;}C、h1.all {background-color:#FFFFFF}D 、 #h1 {background-color:#FFFFFF}正确答案：B18、以下选项中，不属于页面布局模型的是（）A 、浮动模型 B 、盒子模型C 、流动模型D 、层模型正确答案：B19、下列对样式单位中百分比单位描述有误的是（）A 、一个百分比值由可选的正号"＋"或负号"－"、接着的一个数字，还有百分号"%"B 、在一个百分比值之中是没有空格的C 、百分比值是相对于其它数值，不能用于定义每个属性D 、最经常使用的百分比值是相对于元素的字体大小正确答案：D20、下在代码使用HTML 元素的ID 属性，将样式应用于网页上的某个段落：＜Pid=”firstp”＞这是一个段落＜/P ＞，下面选项中，（）正确定义了上面代码引用的样式规则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 ＞ D 、＜Style Type=”text/css”＞ P.firstp {color:red} ＜/Style ＞正确答案：B21、下列CSS 语法规则正确的是（）A 、 b ody:color=blackB 、 {body;color:black}C 、 b ody {color: black}D 、 {body:color=black(body}正确答案：C22、以下代码片断中，属于绝对定位的是（）A、#box{width:100px;height:50px;}B、#box{width:100px;height:50px;position:absolute;}C、#box{width:100px;height:50px; position:static;}D、#box{width:100px;height:50px; position:relative;}正确答案：B23、c ss中 body{ padding-left:20px;}表示（）A、页面左边的表格大小B、页面左边的空白大小C、页面左边的可用区域大小D、页面左边的可编辑区域大小正确答案：B24、以下选项，用来设置背景图像URL的样式属性是（）A、b ackground-imageB、b ackground-repeatC、b ackground-positionD、b ackground-url正确答案：A25、以下选项中属于行内标签的是（）A、s panB、pC、d ivD、h r正确答案：A26、下列关于Alpha滤镜的说法错误的是（）A、此滤镜主要用于设置某个元素的不透明度B 、此滤镜中有一个参数opacity 的意思是设置对象的不透明度取值，最大值为100%，最小值为0C 、另一个重要的参数为style 是指设置不透明度的样式，若为1，代表角度渐变，若为2，指线型渐变D 、此滤镜适合任何浏览器正确答案：C27、下列不属于行列标签的是（）A 、＜a ＞B 、＜span ＞ C 、＜br ＞D 、＜div ＞正确答案：D28、 C SS 样式的下列padding 复合属性不包括（）A 、填充B 、上填充C 、底填充D 、左填充正确答案：A29、下列不能通过背景属性设置的是（）A 、背景重复B 、背景附件 C 、纵向排列D 、背景宽度和高度正确答案：D30、下列哪些是格式良好的 XHTML （）A 、＜p ＞＜b ＞＜i ＞short ＜/b ＞＜/i ＞ paragraph ＜/p ＞B 、＜p ＞＜i ＞＜b ＞short ＜/i ＞＜/b ＞ paragraph ＜/p ＞C 、＜p ＞＜B ＞＜i ＞short ＜/i ＞＜/b ＞ paragraphD、＜p＞＜b＞＜i＞short＜/i＞＜/b＞ paragraph＜/p＞正确答案：D31、在CSS样式文件中的注释正确的是（）A、／／ this is a comment ／／B、／／ this is a commentC、/* this is a comment *D、/' this is a comment正确答案：C32、以下关于XHTML规范说法不正确的是（）A、X HTML 元素必须被关闭B、用 Id 属性代替 name 属性C、标签名必须用小写字母D、空标签可以不关闭正确答案：D33、在CSS样式中，适用所有对象的是（）A、背景附件B、文本排列C、纵向排列D、文本缩进正确答案：A34、如何去掉文本超级链接的下划线（）A、a {text-decoration:no underline}B、a {underline:none}C、a {decoration:no underline}D、a {text-decoration:none}正确答案：D35、在XHTML中，（）可以在网页上通过链接直接打开客户端的发送邮件工具发送电子邮件A 、＜href="telnet:zhangming@/doc/b66484683.html,"＞发送反馈信息＜/A ＞B 、＜href="mail:zhangming@/doc/b66484683. html,"＞发送反馈信息＜/A ＞C 、＜href="ftp:zhangming@/doc/b66484683.h tml,"＞发送反馈信息＜/A ＞D 、＜href="mailto:zhangming@/doc/b6648468 3.html,"＞发送反馈信息＜/A ＞正确答案：D36、有关z-index 属性叙述正确的一项是（）A 、此属性必须与position 属性一起使用才能起作用，此时position 取任何值都可以B 、此值越大，层的顺序越往下C 、一般后添加的元素，其z-index 值越大D 、即使上面的层没有任何内容也会挡住下面的层，使下面的层显示不出来正确答案：C37、以下关于:after 伪类对象说法正确是（）A 、 :after 伪元素在元素之后添加内容B 、 :after 伪元素只能应用于超链接标签aC 、使用:after 伪元素可能导致浮动元素塌陷D 、 :after 不可以在元素之后添加指定链接的文件内容正确答案：A38、以下选项中可以为所有H1定义背景颜色的是（）A 、 a ll.h1 {background-color:#FFFFFF}B 、 h 1 {background-color:#FFFFFF}C 、 h 1.all {background-color:#FFFFFF}D 、h 1#all {background-color:#FFFFFF} 正确答案：B39、跳转到”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 ＞正确答案：C40、下列CSS 文本样式属性中，文本对齐属性取值不包括（）A 、 a utoB 、j ustify C 、 c enterD 、 r ight正确答案：A41、关于DIV 标记，下列说法错误的是（）A 、 D IV 是一个无任何语义的标签B 、若将DIV 设置宽高，若其背景图片比它大，则多余的背景图片显示不出来C 、若将某个DIV 标记的visibility 属性设为hidden ，则该DIV 标记会让出其原来占有的空间D 、可以用DIV 来制作导航菜单正确答案：C42、以下选项中，可以正确定义所有p 的字体为bold 的是（）A 、＜p style="text-size:bold"＞B 、＜p style="font-size:bold"＞ C 、 p {text-size:bold}D 、 p {font-weight:bold}正确答案：D43、 C SS 是利用XHTML 的（）标记构建网页布局A 、＜p ＞B 、＜div ＞C 、＜table ＞D、＜ul＞正确答案：B44、下列CSS代码进行缩写，符合缩写的规范的是（）background-position:00;background-repeat:no-repeat;background-image:url(background.gif );A、b ackground-image: "background.gif" no-repeat 0 0;B、b ackground-url: " background.gif") no-repeat 0 0;C、b ackground:url("background.gif") no-repeat 0 0;D、b ackground: "background.gif" no-repeat 0 0;正确答案：C45、如何设置英文首字母大写（）A、t ext-transform:uppercaseB、t ext-transform:capitalizeC、样式表做不到D、t ext-decoration:none正确答案：B46、下面关于样式的说法不正确的是（）A、样式可以控制网页背景图片B、m argin属性的属性值可以是百分比C、字体大小的单位可以是emD、1em等于18像素正确答案：D47、以下不属于position定位盒子方式的是（）A、绝对定位B、相对定位C、直接定位D、静态定位正确答案：C48、下列选项中可以用来设置字体大小的是（）A、f ont-weight:bold ;B、s tyle:bold ;C、f ont:12px;D、f ont:bold;正确答案：C49、盒子的Margin为20px border为1px,padding为10px,content宽202px,高为50px求标准IE盒子模型的，盒子需要占据的位置的高为（）A、242pxB、52pxC、90pxD、112px正确答案：C50、在CSS语言中下列（）是“边框颜色”的语法A、b order-color: ＜值＞B、t ext-align: ＜值＞C、l etter-spacing: ＜值＞D、v ertical-align: ＜值＞正确答案：A51、在CSS中，下面不属于BOX模型属性的有（）A、f ontB、m arginC、p addingD、b order正确答案：A52、下列不属于清除浮动塌陷的方法的是（）A 、在最后一个浮动元素的后面，加入一个空的div 并设置其样式：clear:both;B 、在浮动元素的父级元素中，设置其样式属性：overflow:hidden 或者overflow: autoC 、利用浮动元素的after 伪选择符并设置其相应属性也可以解决浮动塌陷问题D 、 after 伪选择符的作用是在元素内容之前插入内容，利用这一特点可以解决浮动塌陷问题正确答案：D53、已知services.html 与text.html 在同一服务器上，但不在同一文件夹中．假如文档services.html 在文件夹 information 中．现要求在text.html 文档中编写一个超链接，链接到文档services.html 的proposals 段落．下面语句正确的是（）A 、＜HREF=”services.html#proposals”＞ Link ＜/A ＞B 、＜HREF=”information/services.html#proposals”＞Link ＜/A ＞C 、＜HREF=” #proposals”＞ Link ＜/A ＞D 、＜HREF=”information#proposals”＞ Link ＜/A ＞正确答案：B54、以下样式属性可以用来设置列表图标类型的是（）A 、l ist: square B 、 t ype: 2C 、 t ype: squareD 、l ist-style-type: square 正确答案：D55、以下哪种元素定位方式将会脱离标准文档流（）A 、绝对定位B 、相对定位C 、浮动定位D 、静态定位正确答案：A56、设置文本不换行的样式属性是（）A 、 w ord-breakB 、 l etter-spacingC 、w hite-space D 、 w ord-spacing正确答案：C57、关于盒子的定位，下列说法正确的是（）A 、盒子的默认定位为fixed ，即固定定位 B 、盒子的相对定位是指相对于其身原有位置进行偏移，一般会结合left 、right 、top 、bottom 属性使用C 、绝对定位是以其父元素为参考对象，绝对定位的元素会脱离文档流D 、 p osition 属性的取值为static 时，是以浏览器窗口作为定位基准正确答案：B58、以下关于盒子模型说法错误的是（）A 、基本的盒子模型由margin 、padding 、content 、border 组成B 、 m argin 是盒子的外补丁，即盒子边框以外的部分C 、p adding 是盒子的内补丁，即盒子边框到内容之间的部分D 、所有的盒子模型在默认情况下都按w3c 标准进行解析正确答案：D59、以下哪种布局模型会导致元素塌陷（）A 、浮动模型 B 、层模型C 、盒子模型D 、流动模型正确答案：A60、下列选项中可以用来改变字体颜色的是（）A 、 t ext-colorB 、 f gcolorC、f ont-colorD、c olor正确答案：D61、下面的代码包含几个BOX（）＜div＞请查看＜span＞我的BLOG＜/span＞,网址如下：＜p＞/doc/b66484683.html,＜/p＞＜/div＞A、3个B、4个C、1个D、2个正确答案：A62、有一样式表规则：H3 {color : blue ；font-size : 10pt}，以下说法正确的是（）A、H3是选择器B、b lue属性，color是属性值C、样式表中的冒号(:)可以用 = 替代D、这个样式表属于类样式表正确答案：A63、能够定义所有P标签内文字加粗的是（）A、＜p style="text-size:bold"＞B、＜p style="font-size:bold"＞C、p {text-size:bold}D、p {font-weight:bold;}正确答案：D64、以下选项中，不属于background属性参数的是（）A、b ackground-imageB、b ackground-repeatC、b ackground-positionD、b ackground-url正确答案：D65、在XHTML中，样式表按照应用方式可以分为三种类型，其中不包括（）A、内嵌样式表B、行内样式表C、外部样式表文件D、类样式表正确答案：D66、＜frameset rows=＃＞是用来指定什么的（）A、混合分框B、纵向分框C、横向分框D、任意分框正确答案：B67、C SS属性中，（）可更改字体的颜色A、t ext-clolor:B、f gcolor:C、t ext-clorlor=D、c olor:正确答案：D68、以下关于流动模型说法正确的是（）A、流动模型是基于标准文档流的模型B、浮动模型是布局设计的默认模型C、相对定位元素会脱离标准文档流D、绝对定位元素始终停留在文档流中正确答案：A69、下列标签属于XHTML规范标签的是（）A、＜div＞＜p＞我的网友＜/div＞＜/p＞B、＜IMG SRC=image/logo.jpg＞C、＜H1＞随想＜/H1＞D、＜li＞这是一条信息＜/li＞正确答案：D70、在CSS样式中，设置"左边框"的语法是（）A、b order-left-width: ＜值＞B、b order-top-width: ＜值＞C、b order-left: ＜值＞D、b order-top-width: ＜值＞正确答案：C71、通常我们使用clear的（）属性解决浮动塌陷A、l eftB、r ightC、b othD、n one正确答案：C72、可以更改样式表的字体颜色的样式属性是（）A、t ext-colorB、f gcolor:C、t ext-color:D、c olor:正确答案：D73、下面哪项是外补丁属性（）A、b orderB、m argeinC、p addingD、m argin正确答案：D74、以下关于盒子定位说法不正确的是（）A、绝对定位的盒子将会脱离标准文档流B、浮动的盒子不会脱离标准文档流C、静态定位是元素默认的定位方式D、相对定位的盒子将脱离标准文档流正确答案：D75、下列关于滑动技术说法,正确的是（）A、滑动技术采用两张图片重叠的方式实现B、滑动技术应用于背景自适应C、滑动技术可以根据原属内的文字自动改变背景宽度D、滑动技术只能应用于导航菜单的制作正确答案：D76、以下定位，脱离文档流的是（）A、#box{width:100px ;height:50px;}B、#box{width:100px ;height:50px; postion:absolute}C、#box{width:100px ;height:50px; postion:relative}D、#box{width:100px ;height:50px; float:left}正确答案：B77、下列选项中不属于CSS 文本属性的是（）A、f ont-sizeB、t ext-transformC、t ext-alignD、l ine-height正确答案：D78、在网页设计中，盒子的模型有（）种A、1B、2C、3D、4正确答案：B79、h tml语言中，以下定义文档内部链接的标记是（）A、＜name="NAME"＞B、＜name="NAME"＞＜/name＞C、＜a name="NAME"＞＜/a＞D、＜a name="NAME"＞正确答案：C80、能够设置盒模型的左侧外补丁的属性是（）A、m argin:B、i ndent:C、m argin-left:D、t ext-indent:正确答案：A81、下列属性哪一个能够实现层的隐藏（）A、d isplay:falseB、d isplay:hiddenC、d isplay:noneD、d isplay:" "。

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多个属性。

Web基础考题(html+css)

一、不定项选择题（每题3分，共63分）1.参看以下的HTML代码:<html><head><title>表格</title><head><body><table border="1"><tr><td >1</td><td >2</td></tr><tr><td >3</td><td >4</td></tr></table></body></html>对以上代码，以下描述正确的是（ C ）A、该网页内容的第一行显示“表格”B、1和2的表格在同一列C、1和2的表格在同一行D、1和3的表格在同一列2.以下的HTML代码片段中：……<table><caption align="top">文具</caption><tr><th>铅笔</th><th>圆珠笔</th><th>水笔</th></tr>……</table>以下哪些是正确的判断（A）A、铅笔一定位于首行中的第一列B、圆珠笔一定位于首列中的第一行C、文具应位于首列首行D、水笔与圆珠笔在不同的行3.根据以下的HTML代码片段：<body ><table border="2"><caption align="top">月度报表</caption><tr><th>月份</th><td bgcolor= red>1月</td><td>2月</td><td bgcolor=green>3月</td></tr></table></body>正确的显示结果是（D ）A、页面中会有一个默认的表格标题，显示出“月度报表”B、第一个单元格的背景色是红色C、第二个单元格的的背景色为绿色D、“月份”显示为粗体4.根据以下的HTML代码片段：<h1 style="font-style:italic;color:limegreen; font-size:30pt";>hello!Nice to meet you!</h1><h1>this is the default display of an h1 element</h1>以下描述不正确的是（D ）A、第一个h1设置了特定的属性B、第二个h1用了系统默认的属性C、“hello!Nice to meet you!”的字体颜色是浅绿色D、“this is the default display of an h1 element”的字体大小为30pt5.根据以下的HTML代码：h1{color:limegreen;font-family:arial}可以知道（C ）A、此段代码是一个类选择器B、选择器的名称是colorC、{ }部分是对h1这个选择器的样式说明D、limegreen 和font-family都是值6.已知services.html与text.html在同一服务器上，但不在同一文件夹中。

HTML+CSS测试

一、选择题（每题2分）1.以下关于HTML的基本标签说法正确的是（）。

(选择一项)A:HTML共提供了６级标题，<h1>字号最小，<h6>字号最大B:段落标签<p>中可以包含多行文字，文字内容将随浏览器窗口大小自动换行C:水平线标签<br/>的作用是为了让版面更加清晰直观D:标签<em>……</em>的作用是使字体加粗并斜体显示2.在CSS中，可用于设置文本的行高的属性是（）。

(选择一项)A:text-indentB:letter-spacingC:text-alignD:line-height3.在制作网页时，以下关于overflow属性说法正确的是（）。

(选择一项)A:overflow属性的常见值有visible、hidden、scrolling、autoB:当属性值为hidden时，如果内容被修剪，则浏览器会显示滚动条以便查看其余内容C:visible为overflow属性的默认值，内容会被修剪，并且其余内容是不可见的D:可以使用overflow属性与盒子宽度配合使用，清除浮动来扩展盒子的高度4.在HTML中，以下关于CSS样式中文本及字体属性的说法，错误的是（）。

(选择一项)A:font-size用来设置文本的字体大小B:text-align用来设置文本对齐方式C:font-type用来定义字体类型D:font-weight用来定义字体的粗细5.以下关于复合选择器说法错误的是（）。

(选择一项)A:复合选择器分为后代选择器、交集选择器和并集选择器B:后代选择器的写法就是把外层的标签写在前面，内层的标签写在后面，之间用空格分隔C:交集选择器是由两个选择器直接连接构成，两个选择器可以是类选择器或者ID选择器D:并集选择是多个选择器通过逗号连接而成的6.下列关于HTML代码段中的z-index属性说法正确的是（）。

HTML+CSS技能测试(带答案)

填空题：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.HTML锚点实现使用属性name 与链接的href 属性配合完成。

单选题：1.HTML指的是?（A ）A.超文本标记语言（Hyper Text Markup Language）B.家庭工具标记语言（Home Tool Markup Language）C.超链接和文本标记语言(Hyperlinks and Text Markup Language）D.超级标记语言(Super markup language）2.Web 标准的制定者是？（B ）A.微软（Microsoft）B.万维网联盟（W3C）C.网景公司（Netscape）D.腾讯公司（Tencent）3.下列说法描述正确的是？AA.HTML 不是一种编程语言,而是一种标记语言 (markup language）B.HTML 代码不能用文本编辑工具编写C.HTML中的标签全部都是成对出现的D.HTML的head部分与body部分书写位置可以嵌套4.在下列的HTML 中，哪个是最大的标题？（D ）A.〈h6〉B.<head〉C.<heading〉D.〈h1>5.下列哪个样式定义后，内联(非块状）元素可以定义宽度和高度（C )A. display：inlineB. display：noneC. display：blockD. display:inheric6.选出你认为最合理的定义标题的方法( C )A. <span class=”heading”>文章标题</span>B。

Html+css选择题

1、以下不属于HTML标签主题的是（B ）？[单选题]A. 标签名称B. 标签类别C. 标签内容D. 标签属性2、以下属于块级元素的是(D ) [单选题]A. <span>B. <a>C. <b>D.<p>3、以下标签哪个属于单标签：（B）[单选题]A. <p>B. <input>C. <form>D. <div>解析：单标签：<br> < hr><img ><input> <param><meta ><link>4、以下哪个标签是使用href链接外部文件的（C）[单选题]A. <img>B. <script>C. <a>D. <iframe>5、CSS样式生效的优先级是（A）？[单选题]A、内联样式>内部样式>外部样式>浏览器默认效果B、浏览器默认效果>内联样式>内部样式>外部样式C、内部样式>内联样式>外部样式>浏览器默认效果D、外部样式>内部样式>内联样式>浏览器默认效果6、以下哪些样式属性是不能被继承的（B）？[单选题]A、colorB、backgroundC、list-styleD、text-align解析：可以继承的属性：字体系列font开头；文本系列属性；元素可见性visibility；表格布局属性；列表布局属性；引用quotes；光标cursor。

不可继承属性：关天盒子的、定位、背景、display、布局属性。

7、下列哪种CSS样式定义的方式拥有最高的优先级？（B）[单选题]A、嵌入B、行内C、链接D、导入8、web标准的制定者是？（B）[单选题]A、微软B、万维网联盟（W3C）C、网景公司（Netscape）D、SUN公司9、下列的HTML中哪个可以添加背景颜色？(C)[单选题]A) <body color="yellow">B) <background>yellow</background>C) <body bgcolor="yellow">D) <body backcolor="yellow">10、请选择产生粗体字的HTML标签：(C) [单选题]A) <bold>B) <bb>C) <b>D) <bld>11、请选择产生斜体字的HTML标签：(A) [单选题]A) <i>B) <italics>C) <ii>D) <it>12、下列的HTML中哪个可以产生超链接？(C) [单选题]A) <a url="网页">网页名称</a>B) <a>网页</a>C) <a href="网页">网页名称</a>D) <a>网页</a>13、如何制作电子邮件链接？(C) [单选题]A) <a href="xxx@yyy">B) <mail href="xxx@yyy">C) <a href="mailto:xxx@yyy">D) <mail>xxx@yyy</mail>14、如何在新窗口打开链接？(B) [单选题]A) <a href="url" new>B) <a href="url" target="_blank">C) <a href="url" target="new">D) <a href="url" target="_parent">15、请选择可以使单元格中的内容进行左排列的正确HTML标签：(A)[单选题]A) <td align="left">B) <td valign="left">C) <td leftalign>D) <tdleft>16、如何产生带有数字列表符号的列表？(C) [单选题]A) <ul>B) <dl>C) <ol>D) <list>17、如何产生带有圆点列表符号的列表？(D) [单选题]A) <dl>B) <list>C) <ol>D) <ul>18、下列的HTML中哪个可以产生复选框？(C) [单选题]A) <input type="check">B) <checkbox>C) <input type="checkbox">D) <check>19、下列的HTML中哪个可以产生文本框？(C) [单选题]A) <input type="textfield">B) <textinput type="text">C) <input type="text">D) <textfield>20、下列的HTML中哪个可以产生下拉列表？(D) [单选题]A) <list>B) <input type="list">C) <input type="dropdown">D) <select>21、下列的HTML中哪个可以产生文本区？(D) [单选题]A) <textarea>B) <input type="textarea">C) <input type="textbox">D) <textarea></textarea>22、下列的HTML中哪个可以插入图像？(C) [单选题]A) <img href="image.gif>B) <image src="image.gif">C) <img src="image.gif">D) <img>image.gif</img>23、下列的HTML中哪个可以插入背景图像？(A) [单选题]A) <body background="background.gif">B) <background img="background.gif">C) <img src="background.gif" background>D) ' this is a comment24、以下的HTML中，哪个是正确引用外部样式表的方法？(B) [单选题]A) <style src="mystyle.css">B) <link rel="stylesheet" type="text/css" href="mystyle.css">C) <stylesheet>mystyle.css</stylesheet>26、在HTML文档中，引用外部样式表的正确位置是？(B) [单选题]A) 文档的末尾B) <head>部分C) 文档的顶部D) <body>部分27、哪个HTML标签可用来定义内部样式表？(A) [单选题]A) <style>B) <script>C) <css>28、哪个HTML属性可用来定义内联样式？(D) [单选题]A) fontB) classC) stylesD) style29、下列哪个选项的CSS语法是正确的？(C) [单选题]A) body:color=blackB) {body:color=black(body}C) body {color: black}D) {body;color:black}30、如何在CSS文件中插入注释？(C) [单选题]A) // this is a commentB) // this is a comment //C) /* this is a comment */D) ' this is a comment31. 怎样给所有的<h1>标签添加背景颜色?（B）[单选题]A、.h1 {background-color:#FFFFFF}B、h1 {background-color:#FFFFFF;}C、h1.all {background-color:#FFFFFF}D、#h1 {background-color:#FFFFFF}32. CSS如何改变某个元素的文本颜色？(B) [单选题]A) text-color:B) color:C) fgcolor:D) text-color=33. 哪个CSS属性可控制文本的尺寸？(A) [单选题]A) font-sizeB) text-styleC) font-styleD) text-size34. 以下的CSS中，可使所有<p>元素变为粗体的正确语法是? (C) [单选题]A) <p style="font-size:bold">B) <p style="text-size:bold">C) p {font-weight:bold}D) p {text-size:bold}35. 如何显示没有下划线的超链接？(A) [单选题]A) a {text-decoration:none}B) a {text-decoration:no underline}C) a {underline:none}D) a {decoration:no underline}36. 如何使文本以大写字母开头？(A) [单选题]A) text-transform:capitalizeB) 无法通过CSS来完成C) text-transform:uppercase37. 如何改变元素的左边距？(B) [单选题]A) text-indent:B) margin-left:C) margin:D) indent:38. 如何产生带有正方形的项目的列表？(B) [单选题]A) list-type: squareB) list-style-type: squareC) type: squareD) type: 239. 在CSS语言中下列哪一项是"左边框"的语法？（C）[单选题]A、border-left-width: <值>B、border-top-width: <值>C、border-left: <值>D、border-top-width: <值>40. 下列选项中不属于CSS 文本属性的是（D）[单选题]A．font-sizeB．text-transformC．text-alignD．line-height41. 在CSS语言中下列哪一项是"列表样式图象"的语法？（D）[单选题]A、width: <值>B、height: <值>C、white-space: <值>D、list-style-image: <值>44. 下列哪一项是css正确的语法构成？（C）[单选题]A、body:color=blackB、{body;color:black}C、body {color: black;}D、{body:color=black(body}45. 下列哪个css属性可以更改字体大小？(B) [单选题]A.text-sizeB.font-sizeC.text-styleD.font-style46. 下列哪个css属性能够更改文本字体？(C) [单选题]A.f:B.font=C.font-family:D、text-decoration:none47. 下列哪个css属性能够设置文本加粗？(A) [单选题]A.font-weight:boldB.style:boldC.font:bD.font=48. 下列哪个属性能够设置盒模型的左侧外补丁？(C)[单选题]A.margin:B.indent:C.margin-left:D.text-indent:49. 定义盒模型外补丁的时候是否可以使用负值? (A)[单选题]A.是B.否50. 如何能够定义列表的项目符号为实心矩形？(D)[单选题]A.list-type: squareB.type: 2C.type: squareD.list-style-type: square51. 在CSS语言中下列哪些选项是背景图像的属性（ABCD）[多选题] A背景重复B背景附件C纵向排列D背景位置52. CSS 中的选择器包括（BCD）[多选题]A．超文本标记选择器B．类选择器C．标签选择器D．ID 选择器53. CSS文本属性中，文本对齐属性的取值有（BCDE）[多选题] A．autoB．justifyC．centerD．rightE．left54. CSS中BOX的padding属性包括的属性有（BCDE）[多选题] A．填充B．上填充C．底填充D．左填充E．右填充55. CSS中，盒模型的属性包括（BCE）[多选题]A. fontB. marginC. paddingD. visibleE. border56. 下面关于CSS的说法正确的有(ABC ) [多选题]A. CSS可以控制网页背景图片B. margin属性的属性值可以是百分比C. 整个BODY可以作为一个BOXD. 对于中文可以使用word-spacing属性对字间距进行调整E. margin属性不能同时设置四个边的边距57. 下面关于CSS的说法正确的有( ABC) [多选题]A、CSS可以控制网页背景图片B、margin属性的属性值可以是百分比C、字体大小的单位可以是emD、1em等于18像素58. 边框的样式可以包含的值包括：(ABC) [多选题]A、粗细B、颜色C、样式59. 下列关于网页元素overflow的说法，正确的是(D) [单选题]A．指网页元素的位置，距离左边框和上边框的距离B．指网页元素的位置，距离右边框和下边框的距离C．指网页元素的定位方式，可以取值中包括absoluteD．指网页元素的内容溢出时，是否显示多余的内容60. 如果将想将两个层排列在同一行中，下列描述不能实现的是（A）[单选题]A．直接插入两个DIV标记，会自动排在同一行B．指定DIV的position属性为absolute，然后将层位置拖放到同一行中C．指定DIV标记的宽，并且指定其浮动方式，当层宽度之和小于外层元素宽度时，会排在同一行D．使用一个表格，将两个层分别放入一行中的两个单元格内61. 下列关于元素在网页中的叠放顺序描述，不正确的是（D）[单选题]A．使用CSS属性z-index来实现叠放顺序B．属性的取值越大，表示放置的层次越高C．属性取值可以为负整数D．可以叠放，但叠放顺序不能指定，将由计算机随机产生62. 可以使用下列哪种方法来用一个URL取代当前窗口的URL（C）[单选题]A）loadB）onloadC）replaceD）open63. 我们发现为页面中的图像加入超链接后，默认情况下都带有一道黑框，有什么方法可以去掉它呢？（B）[单选题]A. bordercolor="white"B. border="0"C. style="no border"D. style="0"64、以下关于文件名的命名规范，正确的是：( ABC ) [多选题]A. 不能数字开头B.不能出现特殊字符. C不能有下划线D.在项目中不可用汉字命名65、以下可以添加到head内标签有：( ABCD ) [多选题]A. <title>B. <link>C. <meta>66、语义化标签的作用是：( ABC ) [多选题]A. 网页结构层次更清晰B. 更容易被搜索引擎收录C. 更容易让屏幕阅读器读出网页内容D. 网页代码更美观67、页面所有的内容都要放在html标签中。

HTMLCSS题库

HTMLCSS题库⼀、填空题1.使⽤⽂本编辑器编辑完HTML后，扩展名可以是__html___或___htm__。

2.表格的标签是____table______，单元格的标签是____td______。

3.在编辑table表格时，合并⾏使⽤ __rowspan_____合并列使⽤_____colspan____。

4.在CSS层叠样式表当中经常⽤到的三种选择器：___元素选择器___、__类选择器__、__id选择器__。

5.在JavaScript脚本语⾔当中，定义函数使⽤___function__单词表⽰。

6.⽤来输⼊密码的表单域是___ input标签type属性等于password ____。

7.⽂件头标签也就是通常所见到的 _head___ 标签。

8.预格式化⽂本标记<pre></pre>的功能是___标记内的内容按照原格式显⽰在⽹页当中______。

9.__超链接___是⽹页与⽹页之间联系的纽带，也是⽹页的重要特⾊。

10.表单是Web__客户端__和Web__服务器___之间实现信息交流和传递的桥梁。

11.<tr>….</tr>是⽤来定义__表格的⼀⾏____；<td>…</td>是⽤来定义___表格的⼀列___；12.在⽹页中插⼊背景图案（⽂件的路径及名称为/img/bg.jpg）的语句是__<body background=/img/bg.jpg>_____。

13.设定图⽚⾼度及宽度的属性是___ height\width ____。

14.window的 ___onload___ 事件在浏览器完成页⾯加载后⽴即触发。

15.Javascript⾥Math的___ random()____⽅法返回介于0和1之间的伪随机数。

16.获得焦点的事件___ onfocus __,失去焦点的事件___ onblur ___。

html和css试题

以下是一些关于HTML和CSS的基础试题，涵盖了常见的标签、样式、布局等方面。

这些问题可以帮助评估对HTML和CSS的基本理解和运用能力。

HTML试题：
1. 解释HTML是什么，它的缩写代表什么？
2. HTML5相对于HTML4有哪些新特性？
3. 什么是HTML元素？举例说明块级元素和行内元素的区别。

4. HTML中的`<!DOCTYPE>`是做什么用的？
5. 请简要描述HTML中的"语义化"是什么意思。

CSS试题：
1. CSS是什么，它的缩写代表什么？
2. 什么是CSS选择器？请列举至少三种选择器。

3. 请解释CSS中的盒模型，包括盒子的哪些部分。

4. 什么是CSS浮动？如何清除浮动？
5. 解释CSS中的层叠（Cascading）是什么意思。

综合试题：
1. 创建一个HTML页面，包含一个标题（h1）、一个段落（p）和一个链接（a），链接指向百度。

2. 使用CSS样式使得页面中的标题文本颜色为红色，段落文本颜色为蓝色。

3. 创建一个带有导航栏的HTML页面，包括至少三个链接，导航栏在页面的顶部。

4. 使用CSS设置页面背景颜色为灰色，导航栏背景颜色为黑色。

5. 创建一个两列布局的HTML页面，左侧列宽度为30%，右侧列宽度为70%。

这些试题涵盖了HTML和CSS的基础知识，通过回答这些问题，可以考察对这两种技术的理解和应用水平。

html+css考试题

HTML+CSS技能测试(带标准答案)

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

htmlcssjs考试题及答案

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

html+css笔试附答案

htmlcss考试题及答案

网页制作与设计(HTML+CSS)测试试卷

HTML+CSS基础考题含答案

html+css笔试附问题详解

html+css考试题

html+css笔试附答案

HTML+CSS试题有答案

Web基础考题(html+css)

HTML+CSS测试

HTML+CSS技能测试(带答案)

Html+css选择题

HTMLCSS题库

html和css试题

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