html+css笔试附答案
HTML测试题-(含答案)-(自动保存的)
G1 HTML+CSS测试题(笔试)1.在html中,样式表按照应用方式可以分为三种类型,其中不包括()。
A.内嵌样式表B.行内样式表C.外部样式表文件D.类样式表2.在HTML中,可以使用()标记向网页中插入GIF动画文件。
A.<FORM>B.<BODY>C.<TABLE>D.<IMG>3.在HTML上,将表单中INPUT元素的TYPE属性值设置为()时,用于创建重置按钮。
A.resetB.setC.buttonD.image4.分析下面的HTML代码段,该页面在浏览器中的显示效果为()。
<HTML><body><marquee scrolldelay="200" direction="right">Welcome!</marquee> </body></HTML>A.从左向右滚动显示“Welcome!”B.从右向左滚动显示“Welcome!”C.从上向下滚动显示“Welcome!”D.从下向上滚动显示“Welcome!”5.在制作HTML页面时,页面的布局技术主要分为()。
A.框架布局B.表格布局C.DIV层布局D.以上全部选项6.如果在catalog.htm中包含如下代码,则该HTML文档IE浏览器中打开后,用户单击此链接将( )。
<A HREF="#novel">小说</a>A.使页面跳转到同一文件夹下名为“novel.html”的HTML文档B.使页面跳转到同一文件夹下名为“小说.html”的HTML文档C.使页面跳转到catalog.htm包含名为“novel”的锚记处D.使页面跳转到同一文件夹下名为“小说.html”的HTML文档中名为“novel”的锚记处7.要在网页中显示如下文本,要求字体类型为隶书、字体大小为6,则下列HTML代码正确的是()。
HTMLCSS操作上机试题及答案
HTMLCSS操作上机试题及答案一、单项选择题(每题2分,共10分)1. HTML5中用于定义文档类型和HTML版本的标签是:A. <!DOCTYPE html>B. <html>C. <head>D. <body>答案:A2. CSS中用于选择类名为“example”的元素的语法是:A. #exampleB. .exampleC. [class="example"]D. example答案:B3. 在HTML中,用于创建无序列表的标签是:A. <ul>B. <ol>C. <li>D. <dl>答案:A4. CSS中,下列哪个属性用于设置文本的颜色?A. colorB. font-colorC. text-colorD. text答案:A5. HTML中,用于插入图片的标签是:A. <img>B. <image>C. <picture>D. <img src>答案:A二、填空题(每空2分,共10分)1. 在HTML中,用于创建一个超链接的标签是______。
答案:<a>2. CSS中,用于设置元素的背景颜色的属性是______。
答案:background-color3. HTML中,用于定义文档的头部的标签是______。
答案:<head>4. CSS中,用于设置元素的内边距的属性是______。
答案:padding5. 在HTML中,用于创建一个表格的标签是______。
答案:<table>三、简答题(每题5分,共10分)1. 请简述HTML和CSS的关系。
答案:HTML负责网页的结构和内容,而CSS负责网页的样式和布局。
2. 请说明CSS选择器的优先级规则。
答案:CSS选择器的优先级从高到低依次为:内联样式 > ID选择器 > 类选择器 > 标签选择器 > 伪类选择器 > 伪元素选择器 > 通配选择器。
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。
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基础考题含答案
一专多能裁切试题姓名:________ 职位______________(注: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笔试附问题详解
<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考试题及答案
达职院第一次内测(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.下列哪一项是在新窗口中打开网页文档。
htmlcss笔试附答案
a {decoration:no underline}
D、
a {te*t-decoration:none}
正确答案:D
35、
在*HTML中,〔〕可以在网页上通过直接翻开客户端的发送工具发送电子
A、
<href="telnet:zhangmingaptech.">发送反应信息</A>
B、
<href="mail:zhangmingaptech.">发送反应信息</A>
D、
ID选择器在CSS样式表具有最高优先级
正确答案:C
2、
以下选项中,不是页面布局模型的是〔〕
A、
盒子模型
B、
层模型
C、
流动模型
D、
浮动模型
正确答案:A
3、
以下不是float属性的是〔〕
A、
left
B、
none
C、
right
D、
all
正确答案:D
4、
在CSS中,关于BO*的margin属性的表达正确的选项是〔〕
D、
#bo*{width:100p*;height:50p*; position:relative;}
正确答案:B
23、
css中body{ padding-left:20p*;}表示〔〕
A、
页面左边的表格大小
B、
页面左边的空白大小
C、
页面左边的可用区域大小
D、
页面左边的可编辑区域大小
正确答案:B
24、
以下选项,用来设置背景图像URL的样式属性是〔〕
A、
background-image
B、
background-repeat
网页设计与制作(HTML+CSS)-题库带答案
网页设计与制作(HTML+CSS)-题库带答案1、URL 称为()。
A、统一资源定位符B、客户机C、网络服务商D、远程访问答案: A2、万维网WWW以()方式提供世界范围的多媒体信息服务。
A、文本B、信息C、超文本D、声音答案: C3、W3C(英文World Wide Web Consortium的缩写),中文译为“万维网联盟”是()。
A、国际最著名的标准化组织B、欧洲计算机制造商协会C、中国计算机行业协会D、中国计算机学会答案: A4、网站是有多张网页组成的,请问正确吗?答案:正确5、网页包括静态网页和动态网页,请问正确吗?答案:正确6、下面哪个不属于标记?()A、 pB、 h1C、 fontD、 color答案: D7、将某段文本应用font标记设置为微软雅黑,16px,是设置font标记中哪两个属性?()A、 font-family sizeB、face sizeC、 font-family font-sizeD、 face font-size8、( )不属于元信息标记 <meta/>的属性。
A、 nameB、 contentC、 http-equivD、 url答案: D9、html文档的基本格式包括哪些标记?()A、!DoctypeB、 htmlC、 bodyD、 head答案: ABCD10、设置边框颜色是哪个属性A、 border-colorB、 vC、 dD、 f答案: A11、请问面向对象的三大特征是什么?答案:12、下面哪个不属于标记?()A、 pB、 h1C、 fontD、 color答案: D13、将某段文本应用font标记设置为微软雅黑,16px,是设置font标记中哪两个属性?()nA、 font-family sizeB、face sizeC、 font-family font-sizeD、 face font-size答案: B14、以下方式哪个实现将水平线粗细设置为2,宽度设置为500px?A、 <hr font-size=”2”width=”500%”/>B、<hr size=”2”width=”500%”/>D、 <hr size=”2”width=”500px”/>答案: D15、制作网页时,网页素材名、保存网页素材的文件夹名、网页文件名不可以以中文命名,而只能以英文、数字或下划线,或是三者的组合命名,这句话是对还是错?答案:正确16、对于初学者,计算机上必备的三大浏览器分别是()。
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多个属性。
前端笔试题及答案
前端笔试题及答案一、HTML题目1. 将以下代码填入空白处,使其可以正确引入外部CSS文件。
```html<!DOCTYPE html><html><head><link rel="________" href="styles.css"></head><body><h1>Hello, World!</h1></body></html>```答案:stylesheet2. 根据表格中提供的数据,补全以下HTML代码,显示一个具有行列合并的表格。
```html<table border="1"><th>姓名</th><th>年龄</th><th>国家</th></tr><tr><td rowspan="2">小明</td> <td>20</td><td rowspan="2">中国</td> </tr><tr><td>22</td></tr><tr><td>小红</td><td>19</td><td>美国</td></tr>```答案:```html<table border="1"><tr><th>姓名</th><th>年龄</th><th>国家</th></tr><tr><td rowspan="2">小明</td> <td>20</td><td rowspan="2">中国</td> </tr><tr><td>22</td></tr><td>小红</td><td>19</td><td>美国</td></tr></table>```二、CSS题目1. 请写出一个CSS选择器,选中class 为 "highlight" 的所有 `<p>` 元素,并将它们的字体颜色设置为红色。
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)。
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}
C、
{background-color:#FFFFFF}
D、
h1#all {background-color:#FFFFFF}
D、
此滤镜适合任何浏览器
正确答案:C
27、
下列不属于行列标签的是( )
A、
<a>
B、
<span>
C、
<br>
D、
<div>
正确答案:D
28、
CSS样式的下列padding复合属性不包括( )
A、
填充
B、
上填充
C、
底填充
D、
左填充
正确答案:A
29、
下列不能通过背景属性设置的是( )
A、
背景重复
B、
背景附件
A、
边距margin只能取一个值
B、
margin属性的参数有margin-left、margin-right、margin-top、margin-bottom
C、
margin属性的值不可为auto
D、
margin属性的参数值不能全部设置成0px
正确答案:B
5、
下列不属于盒子的定位的是( )
A、
浮动定位
C、
纵向排列
D、
背景宽度和高度
正确答案:D
30、
下列哪些是格式良好的 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> paragraph
C、
我们在定义盒子的padding值时,若定义三个值则第一个值代表上下内边距,中间的值代表右边距,而最后一个值则代表左边距
D、
通常在网页设计中,盒子模型一般有3种
正确答案:D
12、
以下说法正确的是( )
A、
background-color:设置文字颜色
B、
back-corlor:设置背景色
C、
background-color:设置背景色
正确答案:D
20、
下在代码使用HTML元素的ID属性,将样式应用于网页上的某个段落:<P id=”firstp”>这是一个段落</P>,下面选项中,( )正确定义了上面代码引用的样式规则
A、
<Style Type=”text/css”> P {color:red} </Style>
B、
<Style Type=”text/css”> #firstp {color:red} </Style>
A、
h1 {background-color:#FFFFFF}
B、
h1 {background-color:#FFFFFF;}
C、
{background-color:#FFFFFF}
D、
#h1 {background-color:#FFFFFF}
正确答案:B
18、
以下选项中,不属于页面布局模型的是( )
A、
a {text-decoration:no underline}
B、
a {underline:none}
C、
a {decoration:no underline}
D、
a {text-decoration:none}
正确答案:D
35、
在XHTML中,( )可以在网页上通过链接直接打开客户端的发送邮件工具发送电子邮件
A、
auto
B、
justify
C、
center
D、
right
正确答案:A
41、
关于DIV标记,下列说法错误的是( )
A、
DIV是一个无任何语义的标签
B、
若将DIV设置宽高,若其背景图片比它大,则多余的背景图片显示不出来
C、
若将某个DIV标记的visibility属性设为hidden,则该DIV标记会让出其原来占有的空间
A、
浮动模型
B、
盒子模型
C、
流动模型
D、
层模型
正确答案:B
19、
下列对样式单位中百分比单位描述有误的是( )
A、
一个百分比值由可选的正号"+"或负号"-"、接着的一个数字,还有百分号"%"
B、
在一个百分比值之中是没有空格的
C、
百分比值是相对于其它数值,不能用于定义每个属性
D、
最经常使用的百分比值是相对于元素的字体大小
C、
body {color: black}
D、
{body:color=black(body}
正确答案:C
22、
以下代码片断中,属于绝对定位的是( )
A、
#box{width:100px;height:50px;}
B、
#box{width:100px;height:50px;position:absolute;}
D、
可以用DIV来制作导航菜单
正确答案:C
42、
以下选项中,可以正确定义所有p的字体为bold的是( )
A、
<p style="text-size:bold">
B、
<p style="font-size:bold">
C、
p {text-size:bold}
D、
p {font-weight:bold}
C、
<Style Type=”text/css”> .firstp {color:red} </Style>
D、
<Style Type=”text/css”> {color:red} </Style>
正确答案:B
21、
下列CSS语法规则正确的是( )
A、
body:color=black
B、
{body;color:black}
正确答案:B
15、
一般情况下,布局属性中溢出属性的默认值为( )
A、
隐藏
B、
滚动
C、
可视
D、
自动
正确答案:D
16、
能够设置文本加粗的样式属性是( )
A、
font-weight:bold
B、
style:bold
C、
font:b
D、
font-style:bold
正确答案:A
17、
给所有的<h1>标签添加背景颜色的是( )
B、
此值越大,层的顺序越往下
C、
一般后添加的元素,其z-index值越大
D、
即使上面的层没有任何内容也会挡住下面的层,使下面的层显示不出来
正确答案:C
37、
以下关于:after伪类对象说法正确是( )
A、
:after 伪元素在元素之后添加内容
B、
:after 伪元素只能应用于超链接标签a
C、
使用:after 伪元素可能导致浮动元素塌陷
#bb{width:100px;position:absolute}
正确答案:A
7、
下列选项中,用来改变背景颜色的样式属性是( )
A、
background-color
B、
bgcolor
C、
color
D、
backgroundcolor
正确答案:A
8、
以下选项中不能实现清除浮动的是( )
A、
空div
B、
B、
页面ห้องสมุดไป่ตู้边的空白大小
C、
页面左边的可用区域大小
D、
页面左边的可编辑区域大小
正确答案:B
24、
以下选项,用来设置背景图像URL的样式属性是( )
A、
background-image
B、