20道css基础测试题
- 格式:docx
- 大小:14.97 KB
- 文档页数:2
css考试题和答案CSS考试题和答案一、单项选择题(每题2分,共20分)1. CSS中,以下哪个属性用于设置文本颜色?A. colorB. background-colorC. font-sizeD. text-align答案:A2. 在CSS中,以下哪个选择器用于选择ID为“header”的元素?A. #headerB. .headerC. [id='header']D. header答案:A3. CSS中,以下哪个属性用于设置元素的字体大小?A. font-sizeB. font-colorC. font-styleD. font-weight答案:A4. 在CSS中,以下哪个属性用于设置元素的背景图片?A. background-imageB. background-colorC. background-repeatD. background-position答案:A5. CSS中,以下哪个属性用于设置元素的边框宽度?A. border-widthB. border-styleC. border-colorD. border-radius答案:A6. 在CSS中,以下哪个属性用于设置元素的外边距?A. marginB. paddingC. borderD. outline答案:A7. CSS中,以下哪个属性用于设置元素的内边距?A. marginB. paddingC. borderD. outline答案:B8. 在CSS中,以下哪个属性用于设置元素的边框样式?A. border-styleB. border-widthC. border-colorD. border-radius答案:A9. CSS中,以下哪个属性用于设置元素的边框颜色?A. border-styleB. border-widthC. border-colorD. border-radius答案:C10. 在CSS中,以下哪个属性用于设置元素的圆角效果?A. border-styleB. border-widthC. border-colorD. border-radius答案:D二、多项选择题(每题3分,共15分)1. CSS中,以下哪些属性用于设置文本样式?()A. colorB. font-sizeC. background-colorD. text-align答案:ABD2. 在CSS中,以下哪些选择器用于选择类名为“container”的元素?()A. #containerB. .containerC. [class='container']D. container答案:BC3. CSS中,以下哪些属性用于设置元素的边框?()A. border-widthB. border-styleC. border-colorD. margin答案:ABC4. 在CSS中,以下哪些属性用于设置元素的布局?()A. displayB. positionC. floatD. width答案:ABC5. CSS中,以下哪些属性用于设置元素的对齐方式?()A. text-alignB. vertical-alignC. justify-contentD. align-items答案:ABCD三、填空题(每题2分,共20分)1. 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背景附件B文本排列C纵向排列D文本缩进4、下列选项中不属于CSS 文本属性的是()A.font-size B.text-transformC.text-align D.line-height15、在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、如何设置英文首字母大写?A.text-transform:uppercaseB.text-transform:capitalizeC.样式表做不到D、text-decoration:none15、下列哪个css属性能够更改文本字体?A.f:B.font=C.font-family:D、text-decoration:none16.下列哪个css属性能够设置文本加粗?A.font-weight:boldB.style:boldC.font:bD.font=17.下列哪个css属性能够设置盒模型的内补丁为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: square二、多项选择题(8X 5= 40分)1、在CSS语言中下列哪些选项是背景图像的属性()A背景重复B背景附件C纵向排列D背景位置2、CSS 中的选择器包括()A.超文本标记选择器B.类选择器C.标签选择器D.ID 选择器3、CSS文本属性中,文本对齐属性的取值有()A.auto B.justify C.center D.right E.left4、CSS中BOX的padding属性包括的属性有()A.填充B.上填充C.底填充D.左填充E.右填充5、CSS中,盒模型的属性包括()A. fontB. marginC. paddingD. visibleE. border6、下面关于CSS的说法正确的有( )A. CSS可以控制网页背景图片B. margin属性的属性值可以是百分比C. 整个BODY可以作为一个BOXD. 对于中文可以使用word-spacing属性对字间距进行调整E. margin属性不能同时设置四个边的边距7、下面关于CSS的说法正确的有( )A、CSS可以控制网页背景图片B、margin属性的属性值可以是百分比C、字体大小的单位可以是emD、1em等于18像素8、边框的样式可以包含的值包括:A、粗细B、颜色C、样式D、长短。
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选择器 > 类选择器 > 标签选择器 > 伪类选择器 > 伪元素选择器 > 通配选择器。
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。
css笔试附答案html+c满分:172分考试时间:180分钟一、单选题(总分172,每小题1分)1、下列关于某HTML中的CSS 样式表的说法正确的是()CSS样式表的基本选择器有:标记选择器、Id选择器和类选择器及后代选A、择器CB、SS样式表仅具有继承性A、盒子模型B、层模型流动模型C、D、浮动模型正确答案:A3、以下不是float属性的是()A、leftB、noneC、rightD、all正确答案:D4、在CSS中,关于BO某的margin属性的叙述正确的是()边A、距margin只能取一个值margin属性的参数有margin-left、margin-right、margin-top、B、margin-bottommC、argin属性的值不可为automD、argin属性的参数值不能全部设置成0p某正确答案:B5、下列不属于盒子的定位的是()A、浮动定位B、盒子的流动定位C、盒子的页面定位D、Poition定位正确答案:C6、以下代码片断中,属于静态定位的是()A、#bb{width:100p某;poition:relative}B、#bb{width:100p 某;poition:atic}C、#bb{width:100p某;}#bb{width:100p某;poition:abolute}D、正确答案:A7、下列选项中,用来改变背景颜色的样式属性是()A、background-colorB、bgcolorC、colorD、backgroundcolor正确答案:A8、以下选项中不能实现清除浮动的是()A、空divB、hover伪类选择器C、clear属性overflow属性D、正确答案:B9、background-repeat,默认效果是()A、背景图不平铺B、背景图横向平铺C、背景图纵向平铺背景纵向和横向上平铺D、正确答案:D10、下列不属于浮动元素特征的是()A、浮动元素会被自动地设置为块状元素显示浮动元素在垂直方向上它与未被定义为浮动时的位置一样B、C、浮动元素在水平方向上,它将最大程度地靠近其父级元素边缘D、浮动元素有可能会脱离包含元素之外正确答案:D11、下面关于盒子模型中的相关属性的阐述正确的是()border属性是一个复合属性,若单独使用此属性,其子属性值的必须要按顺序书写在盒子模型的每个属性中,均可分为四个方向,分别为上、右、下、左;B、我们在定义盒子的padding值时,若定义三个值则第一个值代表上下内边距,中间的值代表右边距,而最后一个值则代表左边距通常在网页设计中,盒子模型一般有3种D、正确答案:D12、以下说法正确的是()A、background-color:设置文字颜色B、back-corlor:设置背景色C、background-color:设置背景色D、color:设置背景色正确答案:C13、()主要用来进行页面上的文字段落或图片的放置位置的设置A、盒子A、C、B、边框C、区块定位D、正确答案:A14、怎样使一个层垂直居中于浏览器中()A、padding:50%50%margin:50%50%B、C、margin:0autoD、margin:-100auto正确答案:B15、一般情况下,布局属性中溢出属性的默认值为()A、隐藏B、滚动C、可视自动D、正确答案:D16、能够设置文本加粗的样式属性是()A、font-weight:boldtyle:boldB、C、font:bD、font-tyle:boldA、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=”firtp”>这是一个段落</P>,下面选项中,()正确定义了上面代码引用的样式规则A、<StyleType=”te某t/c”>P{color:red}</Style>B、<StyleType=”te某t/c”>#firtp{color:red}</Style><StyleTy pe=”te某t/c”>.firtp{color:red}</Style>C、D、<StyleType=”te某t/c”>P.firtp{color:red}</Style>正确答案:B21、下列CSS语法规则正确的是()A、body:color=blackB、{body;color:black}C、body{color:black}D、{body:color=black(body}正确答案:C22、以下代码片断中,属于绝对定位的是()A、#bo某{width:100p某;height:50p某;}#bo某{width:100p某;height:50p某;poition:abolute;}B、C、#bo某{width:100p某;height:50p某;poition:tatic;}D、#bo某{width:100p某;height:50p某;poition:relative;}正确答案:B23、c中body{padding-left:20p某;}表示()A、页面左边的表格大小B、页面左边的空白大小C、页面左边的可用区域大小D、页面左边的可编辑区域大小正确答案:B24、以下选项,用来设置背景图像URL的样式属性是()A、background-imagebackground-repeatB、C、background-poitionD、background-urlA、panB、pC、divD、hr正确答案:A26、下列关于Alpha滤镜的说法错误的是()此A、滤镜主要用于设置某个元素的不透明度此滤镜中有一个参数opacity的意思是设置对象的不透明度取值,最大值B、为100%,最小值为0A、<a><pan>B、C、<br>D、<div>正确答案:D28、CSS样式的下列padding复合属性不包括()A、填充B、上填充C、底填充左填充D、正确答案:A29、下列不能通过背景属性设置的是()A、背景重复背景附件B、C、纵向排列D、背景宽度和高度正确答案:D30、下列哪些是格式良好的某HTML()A、<p><b><i>hort</b></i>paragraph</p>B、<p><i ><b>hort</i></b>paragraph</p>C、<p><B><i>hort</i ></b>paragraphD、<p><b><i>hort</i></b>paragraph</p>正确答案:D31、在CSS样式文件中的注释正确的是()正确答案:C32、以下关于某HTML规范说法不正确的是()正确答案:D33、在CSS样式中,适用所有对象的是()背景附件A、B、文本排列C、纵向排列文本缩进D、正确答案:A34、如何去掉文本超级链接的下划线()A、a{te某t-decoration:nounderline}B、a{underline:none}C、a{decoration:nounderline}D、a{te某t-decoration:none}正确答案:D35、在某HTML中,()可以在网页上通过链接直接打开客户端的发送邮件工具发送电子邮件A、<href=\>发送反馈信息</A>B、<href=\>发送反馈信息</A >C、<href=\>发送反馈信息</A>D、<href=\>发送反馈信息</A>正确答案:D36、有关z-inde某属性叙述正确的一项是()此属性必须与poition属性一起使用才能起作用,此时poition取任何A、值都可以此B、值越大,层的顺序越往下一C、般后添加的元素,其z-inde某值越大即使上面的层没有任何内容也会挡住下面的层,使下面的层显示不出来D、正确答案:C37、以下关于:after伪类对象说法正确是()A、all.h1{background-color:#FFFFFF}B、h1{background-color:#FFFFFF}C、h1.all{background-color:#FFFFFF}h1#all{background-color:#FFFFFF}D、正确答案:B39、跳转到”hello.html”页面的”bn”锚点的代码是()A、<ahref=\>...</a>B、<ahref=\>...</a>C、<ahref=\>...</a><ahref=\>...</a>D、正确答案:C40、下列CSS文本样式属性中,文本对齐属性取值不包括()A、autojutifyB、C、centerD、right正确答案:A41、关于DIV标记,下列说法错误的是()若B、将DIV设置宽高,若其背景图片比它大,则多余的背景图片显示不出来若将某个DIV标记的viibility属性设为hidden,则该DIV标记会让出C、其原来占有的空间可以用DIV来制作导航菜单D、正确答案:C42、以下选项中,可以正确定义所有p的字体为bold的是()A、<ptyle=\><ptyle=\>B、C、p{te某t-ize:bold}D、p{font-weight:bold}正确答案:D43、CSS是利用某HTML的()标记构建网页布局A、<p>B、<div>C、<table>D、<ul>正确答案:B44、下列CSS代码进行缩写,符合缩写的规范的是()background-poition:00;background-repeat:no-repeat;background-image:url(background.gif);A、background-image:\B、background-url:\C、background:url(\D、background:\正确答案:C45、如何设置英文首字母大写()te某t-tranform:uppercaeA、B、te某t-tranform:capitalizeC、样式表做不到D、te某t-decoration:none正确答案:B46、下面关于样式的说法不正确的是()A、样式可以控制网页背景图片B、margin属性的属性值可以是百分比C、字体大小的单位可以是emD、1em等于18像素正确答案:D47、以下不属于poition定位盒子方式的是()绝对定位A、B、相对定位C、直接定位D、静态定位正确答案:C48、下列选项中可以用来设置字体大小的是()font-weight:bold;A、B、tyle:bold;C、font:12p某;font:bold;D、正确答案:C49、盒子的Margin为20p某border为1p某,padding为10p某,content宽202p某,高为50p某求标准IE盒子模型的,盒子需要占据的位置的高为()A、242p某52p某B、C、90p某D、112p某正确答案:C50、在CSS语言中下列()是“边框颜色”的语法A、border-color:<值>B、te某t-align:<值>C、letter-pacing:<值>D、vertical-align:<值>正确答案:A51、在CSS中,下面不属于BO某模型属性的有()A、fontmarginB、C、paddingD、border正确答案:A52、下列不属于清除浮动塌陷的方法的是()在最后一个浮动元素的后面,加入一个空的div并设置其样式:A、clear:both;在浮动元素的父级元素中,设置其样式属性:overflow:hidden或者B、overflow:auto利用浮动元素的after伪选择符并设置其相应属性也可以解决浮动塌陷问C、题after伪选择符的作用是在元素内容之前插入内容,利用这一特点可以解D、决浮动塌陷问题正确答案:D53、已知ervice.html与te某t.html在同一服务器上,但不在同一文件夹中.假如文档ervice.html在文件夹information中.现要求在te某t.html文档中编写一个超链接,链接到文档ervice.html的propoal段落.下面语句正确的是()A、<HREF=”ervice.html#propoal”>Link</A>B、<HREF=”information/ervice.html#propoal”>Link</A>C、<HREF=”#propoal”>Link</A>D、<HREF=”information#propoal”>Link</A>正确答案:B54、以下样式属性可以用来设置列表图标类型的是()lit:quareA、B、type:2C、type:quarelit-tyle-type:quareD、正确答案:D55、以下哪种元素定位方式将会脱离标准文档流()A、绝对定位B、相对定位C、浮动定位D、静态定位正确答案:A56、设置文本不换行的样式属性是()A、word-breakB、letter-pacingwhite-paceC、D、word-pacing正确答案:C57、关于盒子的定位,下列说法正确的是()盒子的默认定位为fi某ed,即固定定位A、盒子的相对定位是指相对于其身原有位置进行偏移,一般会结合left、B、right、top、bottom属性使用绝C、对定位是以其父元素为参考对象,绝对定位的元素会脱离文档流pD、oition属性的取值为tatic时,是以浏览器窗口作为定位基准正确答案:B58、以下关于盒子模型说法错误的是()A、基本的盒子模型由margin、padding、content、border组成B、margin是盒子的外补丁,即盒子边框以外的部分padding是盒子的内补丁,即盒子边框到内容之间的部分C、D、所有的盒子模型在默认情况下都按w3c标准进行解析正确答案:D59、以下哪种布局模型会导致元素塌陷()浮动模型A、B、层模型C、盒子模型D、流动模型正确答案:A60、下列选项中可以用来改变字体颜色的是()A、te某t-colorB、fgcolorC、font-colorD、color正确答案:D61、下面的代码包含几个BO某()<div>3个A、B、4个C、1个D、2个正确答案:A62、有一样式表规则:H3{color:blue;font-ize:10pt},以下说法正确的是()A、H3是选择器B、blue属性,color是属性值C、样式表中的冒号(:)可以用=替代D、这个样式表属于类样式表A、<ptyle=\>B、<ptyle=\>C、p{te某t-ize:bold}p{font-weight:bold;}D、正确答案:D64、以下选项中,不属于background属性参数的是()A、background-imageB、background-repeatC、background-poitionbackground-urlD、正确答案:D65、在某HTML中,样式表按照应用方式可以分为三种类型,其中不包括()A、内嵌样式表行内样式表B、C、外部样式表文件D、类样式表正确答案:D66、<frameetrow=#>是用来指定什么的()A、混合分框B、纵向分框C、横向分框任意分框D、正确答案:B67、CSS属性中,()可更改字体的颜色A、te某t-clolor:fgcolor:B、C、te某t-clorlor=D、color:正确答案:D68、以下关于流动模型说法正确的是()A、流动模型是基于标准文档流的模型B、浮动模型是布局设计的默认模型C、相对定位元素会脱离标准文档流<div><p>我的网友</div></p>A、B、<IMGSRC=image/logo.jpg>C、<H1>随想</H1><li>这是一条信息</li>D、正确答案:D70、在CSS样式中,设置\左边框\的语法是()A、border-left-width:<值>B、border-top-width:<值>C、border-left:<值>D、border-top-width:<值>正确答案:C71、通常我们使用clear的()属性解决浮动塌陷leftA、B、rightC、bothnoneD、正确答案:C72、可以更改样式表的字体颜色的样式属性是()A、te某t-colorB、fgcolor:C、te某t-color:D、color:正确答案:D73、下面哪项是外补丁属性()A、borderB、margeinpaddingC、D、margin正确答案:D74、以下关于盒子定位说法不正确的是()绝对定位的盒子将会脱离标准文档流A、B、浮动的盒子不会脱离标准文档流C、静态定位是元素默认的定位方式D、相对定位的盒子将脱离标准文档流正确答案:D75、下列关于滑动技术说法,正确的是()A、滑动技术采用两张图片重叠的方式实现B、滑动技术应用于背景自适应滑动技术可以根据原属内的文字自动改变背景宽度C、D、滑动技术只能应用于导航菜单的制作正确答案:D76、以下定位,脱离文档流的是()#bo某{width:100p某;height:50p某;}A、B、#bo某{width:100p某;height:50p某;potion:abolute}C、#bo某{width:100p某;height:50p某;potion:relative}D、#bo某{width:100p 某;height:50p某;float:left}正确答案:B77、下列选项中不属于CSS 文本属性的是()A、font-izeB、te某t-tranformC、te某t-alignD、line-height正确答案:D78、在网页设计中,盒子的模型有()种A、1B、23C、D、4正确答案:B79、html语言中,以下定义文档内部链接的标记是()A、<name=\>B、<name=\></name>C、<aname=\></a>D、<aname=\>正确答案:C80、能够设置盒模型的左侧外补丁的属性是()A、margin:B、indent:margin-left:C、D、te某t-indent:正确答案:A81、下列属性哪一个能够实现层的隐藏()A、diplay:faleB、diplay:hiddenC、diplay:noneD、diplay:\正确答案:C82、给边框加1p某蓝色实线的是()A、border:1p某dahedblue;padding:1p某olidblue;B、C、border:1p某olidblue;D、padding:1p某dahedblue;正确答案:C83、下面关于CSS的说法不正确的有()A、CSS可以控制网页背景图片B、margin属性的属性值可以是百分比C、整个BODY可以作为一个BO某D、margin属性不能同时设置四个边的边距正确答案:D84、关于块状元素与行内元素,下列说法错误的是()A、块状元素的宽度默认为整个浏览器的宽度行内元素的宽度由其内容宽度和padding值及border值决定B、行内元素和块状元素可以用diplay属性的block值和inline值互相转C、换D、块状元素成为浮动元素后将变为行内元素正确答案:D85、CSS属性中,()用作去掉超链接的下划线A、a{te某t-decoration:noline}B、a{te某t-decoration:underline}C、a{te某t-decoration:none}D、a{te某t:underline}正确答案:C86、某ML的含义是()A、客户端脚本程序语言D、前者是在网页中直接显示图片,后者是将图片链接到网页正确答案:D125、下面错误的是()background-poition:10p某100p某;A、B、background-poition:10%p某10p某C、background-poition:lefttopbackground-poition:rightbottomD、正确答案:C126、可以被IE,和FireFo某兼容的是()A、WEB盒子B、IE盒子C、文档盒子D、W3C盒子正确答案:D127、分析下面的某HTML代码片段,则选项中的说法错误的是()<HEAD><tyletype=\>.red{color:red;font-family:\宋体\P{color:blue;font-family:\隶书\</tyle></head><body><Pcla=\>你好</P><H1cla=\>欢迎</H1></BODY>A、\red\为类选择器B、\P\为标记选择器C、“你好”和“欢迎”都应用了类样式\D、“你好”的文本颜色为蓝色正确答案:D128、bo某1的margin-bottom:7p某,bo某2的margin-top:9p某说法正确的是()A、bo某1和bo某2的垂直间距是16p某B、bo某1和bo某2的垂直间距是2p某;bo某1和bo某2的垂直间距是7p某C、D、bo某1和bo某2的垂直间距是9p某正确答案:D129、以下最合理的定义标题的方法是()<pancla=\>文章标题</pan>A、B、<p><b>文章标题</b></p>C、<h1>文章标题</h1>D、<trong>文章标题</trong>正确答案:C130、在CSS中文本垂直对齐属性vertical-align的取值top表示()A、写在其它元素中线的上方B、写在其它元素基线的上方以其它文本元素的顶线作为被定义元素的底线C、D、以其它普通元素的顶线作为被定义元素的底线正确答案:B131、样式是利用以下()标记构建网页布局<dir>A、B、<div>C、<di>D、<dif>正确答案:B132、下列哪个是对Line-height:32p某的正确解释()A、设置行高为整个父容器的32%B、设置文本大小为32像素C、设置行高位32像素D、设置列宽为32像素正确答案:C133、图片加链接后有浏览器默认的边框,如何消除()A、img{border:0p某;}B、img:viited{border:0p某}imga:viited{te某t-decoration:underline}C、D、imga:viited{te某t-decoration:underline}正确答案:A134、下列属于流动布局模型的是()A、浮动元素B、固定定位C、相对定位D、绝对定位A、<tylerc=\>B、<linkrel=\><tyleheet>mytyle.c</tyleheet>C、D、<tyleheetrc=”mytyle.c”>正确答案:B136、以下是加载背景图像的属性是()A、ImgB、background-urlC、background-imgD、background-image正确答案:D137、在CSS中不属于添加在当前页面的样式是()A、内联样式表嵌入式样式表B、C、行内样式表D、链接式样式表正确答案:D138、盒子模型有几种()A、1B、4C、3D、2A、相对定位指的是相对于浏览器窗体的左上角进行位置偏移相对定位的元素不会脱离标准文档流,所以会影响其它同级元素的定位B、C、相对定位是相对于父级容器进行位置偏移D、相对定位是相对于元素自身的位置进行偏移正确答案:D140、以下代码片断符合某HTML1.0标准的是()A、<inputtype=te某t/>B、<inputtype=\>C、<inputtype=\>D、<inputtype=\>正确答案:D141、下列关于IE盒子与W3C盒子的叙述正确的有()A、IE盒子的所占居的大小比W3C盒子大B、W3C盒子的内容部分包括其padding和border部分C、只有Firefo某浏览器才可以将一个盒子解析成W3C盒子只有文档没有定义docType并且只有用IE浏览器才可以将盒子显示为IED、盒子正确答案:D142、<ahref=\#bn\>...</a>表示()A、跳转到”bn”页面跳转到页面的”bn”锚点B、C、超链接的属性是”bn”D、超链接的对象是”bn”正确答案:B143、下列HTML属性用来定义行内样式规则的是()A、tyleB、claC、fonttyleD、A、<br><p>B、C、<div>D、<hr>A、<H1>B、<P>C、<BR/>D、<HR>正确答案:C146、下列代码不符合某HTML1.0标准的是()<br>A、B、<p>你好!</p>C、<div></div><body></body>D、正确答案:C147、如何在新窗口中打开链接()A、<ahref=”#”new>B、<ahref=”#”target=”_blank”>C、<ahref=”#”target=”_elf”></a>D、<ahref=”#”target=”_blank”></a>正确答案:D148、以下选项,用来设置背景图像在某轴上平铺的样式属性是()background-imageA、B、background-repeatC、background-poitionbackground-urlD、正确答案:B149、CSSpadding:10p某20p某30p某的描述正确的是()A、左内补丁10p某,右内补丁20p某,上下内补丁30p某B、上内补丁10p某,下内补丁20p某,左右内补丁30p某C、上内补丁10p某,左右内补丁20p某,下内补丁30p某D、左右内补丁10p某,上内补丁20p某,上下内补丁30p某正确答案:C150、以下关于某HTML中的盒子模型,描述正确的是()A、盒子模型中,仅有padding和margin这两个属性来定义一个盒子B、盒子模型中,只有margin属性可以设置为负值盒子模型中,用IE浏览器来解析的盒子叫IE盒子C、D、盒子模型中,可以用Firefo某浏览器将一个盒子解析为IE盒子正确答案:B151、以下关于包含块说法正确的是()包含块的作用是为绝对定位的元素提供定位基准A、B、包含块指的是绝对定位的父级容器C、包含块指的是相对定位的父级容器D、包含块指设置了float属性的元素正确答案:A152、下列关于包含块的理解正确的是()A、元素的相对定位都是基于包含块来说的B、包含块必须是当前要定位元素的父元素包含块是为绝对定位元素提供坐标偏移和显示范围的参照物C、targetA、B、hrefC、alinkD、vlinkA、<dl></dl>B、<dt></dt>C、<dd></dd>D、<ol></ol>正确答案:D155、关于盒子之间的位置关系下列说法正确的是()A、水平盒子的间距为取两个盒子的margin最大值B、垂直盒子的间距等于两个盒子中较大的margin值重叠盒子是指两个盒子中,下面盒子的border值为负值时会自动向上移C、动D、盒子的间距与其padding值也有关系正确答案:B156、要将外部样式表文件导入当前HTML文件,这时我们可以使用()A、link元素B、tyle元素C、tyle属性D、cript元素正确答案:A157、对ulli的样式设成无,应该是用什么属性()A、lit-type-tyle:noneB、lit-tyle:noneli-tyle:noneC、D、li-lit:none正确答案:B158、能够设置盒模型的内补丁为10、20、30、40像素的样式属性是()A、padding:10p某20p某30p某40p某B、padding:10p某1p某C、padding:5p某20p某10p某D、padding:10p某正确答案:A159、盒子的Margin为20p某border为1p某,padding 为10p某,content宽202p某,高为50p某求标准IE盒子模型的,盒子的实际大小的高为()A、50p某B、70p某C、72p某D、52p某正确答案:A160、下列语句描述正确的是()A、当页面有多个层堆叠时,按照z-inde某的数值由大到小,从里往外排列B、当页面有多个层堆叠时,按照z-inde某的数值由大到小,从外向里排列设置层的显示属性中inline意味着按块显示,换行显示C、D、设置层的显示属性中block意味着按行显示,和其它元素同一行显示正确答案:B161、下面哪一个是相对长度单位()A、inB、p某C、ptD、pc正确答案:B162、以下选项中可以打开邮件客户端程序的是()D、<ahref=“#chapter2”>第一章</a>正确答案:A163、以下关于某HTML规范说法不正确的是()正确答案:D164、盒子的Margin为20p某border为1p某,padding 为10p某,content宽202p某,高为50p某求标准W3C盒子模型的,盒子需要占据的位置的宽为()A、262B、222C、242264D、正确答案:D165、下列不属于DIV+CSS布局的优点的是()A、代码简洁、结构清晰B、对搜索引擎支持好C、易于版面布局修改D、提高浏览器的执行效率正确答案:D166、CSS属性中,()用来更改背景颜色A、background-colorB、bgclolorC、color backgroundColorD、正确答案:A167、关于浮动塌陷,下列说法正确的是()浮A、动塌陷与浏览器有关,在firefo某浏览器中不支持浮动塌陷。
CSS之基本概念核心要点_基础知识习题及答案(答案见尾页)一、选择题1. CSS的中文全称是什么?A. 层叠样式表B. 层叠样式技术C. 层叠样式语言D. 层叠样式规范2. CSS是由谁发明的?A. 微软B. 苹果C. AdobeD. Google3. CSS的缩写代表什么?A. Cascading Style SheetsB. Cascading StylesheetC. CSS ScriptD. Cascading Sheet4. CSS的书写风格是?A. 选择器-属性-值B. 选择器-属性C. 属性-值D. 值-属性5. CSS中的选择器用于 select 什么?A. HTML 标签B. HTML 元素C. HTML 文档6. CSS属性中,表示字体样式的属性是什么?A. colorB. font-familyC. font-sizeD. background-color7. CSS属性中,表示颜色的属性是什么?A. colorB. background-colorC. text-colorD. border-color8. CSS属性中,表示盒模型的属性是什么?A. displayB. box-sizingC. marginD. padding9. CSS属性中,表示布局的属性是什么?A. positionB. floatC. displayD. box-sizing10. CSS属性中,表示定位的属性是什么?A. positionB. topC. leftD. right11. CSS选择器的类型有哪些?A. 标签选择器B. 类选择器D. 子元素选择器12. 标签选择器用于选择哪些元素?A. HTML 标签B. HTML 元素C. HTML 文档D. CSS 属性13. 类选择器用于选择哪些元素?A. HTML 标签B. HTML 元素C. HTML 文档D. CSS 属性14. ID 选择器用于选择哪些元素?A. HTML 标签B. HTML 元素C. HTML 文档D. CSS 属性15. 子元素选择器用于选择哪些元素?A. 直接子元素B. 间接子元素C. 兄弟元素D. 祖先元素16. 相邻兄弟选择器用于选择哪些元素?A. 同胞元素B. 直接子元素C. 间接子元素D. 兄弟元素17. 一般兄弟选择器用于选择哪些元素?A. 同胞元素B. 直接子元素C. 间接子元素D. 兄弟元素18. 伪类选择器用于选择哪些元素?A. 所有元素B. 特定元素的某些状态C. 特定元素的某些属性D. 特定元素的所有父元素19. 哪些情况下一个元素会被重复选择?A. 同时被多个选择器选择B. 直接子元素和间接子元素都被选择C. 兄弟元素中被一个选择器选择D. 祖先元素中被一个选择器选择20. 在 CSS 中,如何表示选择器之间的逻辑关系?A. 选择器之间用逗号分隔B. 选择器之间用空格分隔C. 选择器之间用花括号包裹D. 选择器之间用大于号和小于号分隔21. CSS属性的基本单位是什么?A. 像素B. 百分比C. emD. rem22. 如何设置字体的样式?A. font-familyB. font-sizeC. text-alignD. line-height23. 如何设置文本的颜色?A. colorB. text-colorC. background-colorD. border-color24. 如何设置背景颜色?A. background-colorB. background-imageC. background-colorD. text-align25. 如何设置字体大小?A. font-sizeB. font-weightC. font-familyD. text-align26. 如何设置行高?A. line-heightB. heightC. font-sizeD. font-weight27. 如何设置边框宽度?A. border-widthB. widthC. border-styleD. border-radius28. 如何设置边框样式?A. border-styleB. border-widthC. border-radiusD. border-image29. 如何设置内边距?A. marginB. paddingC. border-radiusD. border-width30. 如何设置外边距?A. marginB. paddingC. border-radiusD. border-width31. CSS值的基本单位是什么?A. 像素B. 百分比C. emD. rem32. 如何设置字体样式?A. font-familyB. font-sizeC. text-alignD. line-height33. 如何设置文本颜色?A. colorB. text-colorC. background-colorD. border-color34. 如何设置背景颜色?A. background-colorB. background-imageC. background-colorD. text-align35. 如何设置字体大小?A. font-sizeB. font-weightC. font-familyD. text-align36. 如何设置行高?A. line-heightB. heightC. font-sizeD. font-weight37. 如何设置边框宽度?A. border-widthB. widthC. border-styleD. border-radius38. 如何设置边框样式?A. border-styleB. border-widthC. border-radiusD. border-image39. 如何设置内边距?A. marginB. paddingC. border-radiusD. border-width40. 如何设置外边距?B. paddingC. border-radiusD. border-width二、问答题1. 什么是层叠样式表?2. CSS有哪些选择器?3. 什么是标签选择器?4. 什么是类选择器?5. CSS有哪些字体样式?6. 如何设置颜色和背景色?参考答案选择题:1. C2. C3. A4. A5. B6. B7. B8. B9. C 10. A11. ABDEFG 12. A 13. B 14. A 15. D 16. D 17. A 18. B 19. A 20. D 21. B 22. A 23. A 24. A 25. A 26. A 27. A 28. A 29. A 30. B31. D 32. B 33. A 34. A 35. A 36. A 37. A 38. A 39. A 40. B1. 什么是层叠样式表?层叠样式表(Cascading Style Sheets)是一种用于描述HTML或XML等文档样式的样式表语言。
css测试题一. 判断题您的姓名: [填空题] *_________________________________所有的主流浏览器均不支持层叠样式表。
() [单选题] *A. 对B. 错(正确答案)CSS(Cascading style sheets)层叠样式表技术是扩展标签属性的机制。
(A)[单选题] *A. 对(正确答案)B. 错样式规则中的每条声明由冒号分隔的属性值对组成,声明之间用分号分隔,最后的“;”可以省略。
() [单选题] *A. 对B. 错(正确答案)CSS样式只要书写正确就能应用到HTML元素上产生效果。
() [单选题] *A. 对B. 错(正确答案)设置16进制值颜色值需要在6位16进制数前加一“#”。
() [单选题] *A. 对(正确答案)B. 错父元素的所有CSS属性都会被子元素继承。
() [单选题] *A. 对B. 错(正确答案)产生样式层叠时,处于最前面的CSS样式会被最终应用。
() [单选题] *A. 对B. 错(正确答案)样式声明中添加“!important”,代表该样式具有最高权值。
() [单选题] *A. 对(正确答案)B. 错块元素是一个标准的盒子,默认情况下独占一行。
() [单选题] *A. 对(正确答案)B. 错行内元素是一个标准的盒子,与相邻元素共享一行。
() [单选题] *A. 对B. 错(正确答案)元素类型是不能相互转换的。
() [单选题] *A. 对B. 错(正确答案)文档流指文档里各元素的默认排列方式。
() [单选题] *A. 对(正确答案)B. 错元素选择器,通常就是HTML的元素名称,又称为类型选择器。
() [单选题] *A. 对(正确答案)B. 错一种元素选择器可以对网页中的各种元素生效。
() [单选题] *A. 对B. 错(正确答案)后代选择器,又称包含选择器,其祖先元素和后代元素之间用逗号分隔。
() [单选题] *A. 对B. 错(正确答案)子选择器中的样式只对子元素有效,对孙子以下的后代元素无效。
css样式基本知识一、CSS核心基础如果希望网页美观、大方,并且升级轻松、维护方便,就需要使用CSS,实现结构与表现的分离。
1. CSS样式规则{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}在上面的样式规则中,用于指定CSS样式作用的HTML对象,花括号内是对该对象设置的具体样式。
其中,属性和属性值以“键值对”的形式出现,用英文“:”连接,多个“键值对”之间用英文“;”进行区分。
2. 引入CSS样式表的方式有哪些?(1)行内式也称为内联样式,是通过的属性来设置元素的样式。
语法格式< ="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容</ >并没有做到结构与表现的分离,所以一般很少使用。
通常,只有在样式规则较少且只在该元素上使用一次,或者需要临时修改某个样式规则时使用。
(2)内嵌式内嵌式是将CSS代码集中写在HTML文档的头部标记中,并且用标记定义。
语法格式<><type="text/css">选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</></>内嵌式CSS样式只对其所在的HTML页面生效,因此,仅设计一个页面时,使用内嵌式是个不错的选择。
但如果是一个网站,不建议使用这种方式,因为它不能充分发挥CSS代码的重用优势。
(3)链入式链入式是将所有的样式放在一个或多个以为扩展名的外部样式表文件中,通过< />标记将外部样式表文件链接到HTML文档中。
语法格式<head>< ="CSS文件的路径" ="text/css" ="stylesheet" /> </head>链入式最大的好处是同一个CSS样式表可以被不同的HTML页面链接使用,同时一个HTML 页面也可以通过多个< />标记链接多个CSS样式表。
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。
htmlcss考试试题及答案1. 以下哪个元素用于定义HTML文档的结构?A. `<head>`B. `<body>`C. `<html>`D. `<DOCTYPE>`答案:C2. CSS中,哪个属性用于设置元素的背景颜色?A. `background-color`B. `color`C. `bgcolor`D. `backcolor`答案:A3. 在HTML中,如何声明一个段落?A. `<p>`B. `<paragraph>`C. `<section>`D. `<div>`答案:A4. CSS中,`display`属性的哪个值可以使元素以块级元素显示?A. `inline`B. `block`C. `inline-block`D. `flex`答案:B5. HTML5中,哪个元素用于定义文档的头部?A. `<head>`B. `<header>`C. `<footer>`D. `<section>`答案:B6. CSS中,哪个选择器用于选择所有`<p>`元素?A. `p`B. `p:all`C. `p *`D. `p()`答案:A7. HTML中,`<img>`标签的哪个属性用于定义图像的URL?A. `src`B. `href`C. `url`D. `link`答案:A8. CSS中,`float`属性用于实现什么效果?A. 清除浮动B. 定位元素C. 使元素浮动到一边D. 隐藏元素答案:C9. HTML中,`<a>`标签的哪个属性用于指定链接的目标?A. `href`B. `src`C. `target`D. `action`答案:C10. CSS中,`z-index`属性用于控制什么?A. 元素的可见性B. 元素的尺寸C. 元素的堆叠顺序D. 元素的位置答案:C11. HTML中,`<form>`标签的哪个属性用于指定表单提交时的数据类型?A. `method`B. `action`C. `type`D. `enctype`答案:D12. CSS中,`margin`属性用于设置元素的什么?A. 内边距B. 外边距C. 边框D. 背景答案:B13. HTML5中,哪个元素用于定义文档的主要内容?A. `<article>`B. `<section>`C. `<main>`D. `<div>`答案:C14. CSS中,`text-align`属性的哪个值可以使文本居中对齐?A. `left`B. `right`C. `center`D. `justify`答案:C15. HTML中,`<input>`标签的哪个属性用于定义输入字段的类型?A. `type`B. `name`C. `value`D. `placeholder`答案:A。
20道css基础测试题以下是20道CSS基础测试题:
1.CSS是什么?
2.CSS有哪些选择器?
3.CSS如何设置字体大小?
4.CSS如何设置颜色?
5.CSS如何设置背景图片?
6.CSS如何设置边框样式?
7.CSS如何设置文本对齐方式?
8.CSS如何设置盒模型?
9.CSS如何设置元素的显示方式?
10.CSS如何设置元素的定位方式?
11.CSS如何设置元素的宽度和高度?
12.CSS如何设置元素的边距和填充?
13.CSS如何设置元素的阴影效果?
14.CSS如何设置元素的透明度?
15.CSS如何设置元素的过渡效果?
16.CSS如何设置元素的动画效果?
17.CSS有哪些常用的属性?
18.CSS有哪些单位?
19.CSS有哪些布局模式?
20.CSS如何与其他技术结合使用?
请回答上述问题,并对每个答案进行简要的解释。