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

合集下载

CSS复习题目

CSS复习题目

一、选择题1. CSS 是( )的缩写。

A. C o lorful St y le Sheet sB. Computer Styl e S h e e tsC. C asca d i n g Style SheetsD. Crea t i v e Styl e Sheet s2.引用外部样式表的格式是( )。

A.〈s tyl e src="m y st y l e。

cs s ">B.〈li nk rel ="s ty lesh e et” t y p e ="text/c ss ”hre f =”m y st y le。

c ss">C.〈sty l es h e e t>m y styl e . c ss</stylesheet>3.引用外部样式表的元素应该放在 ( )。

A. HTML文档的开始的位置B. HTML文档的结束的位置C.在 head元素中D.在 body 元素中4.内部样式表的元素是( )。

A.〈styl e>B. <css〉C. < s cript〉5.元素中定义样式表的属性名是( ).A. sty l eB. classC. s t ylesD.font6.下列)ﻩ)是定义样式表的正确格式。

A. {b o d y: colo r =b l a c k (b od y }B. bo d y: colo r =blackC. body {col o r: black}D. {body; colo r :black}7.下列)ﻩ)是定义样式表中的注释语句。

A./*注释语句*/B.// 注释语句C. // 注释语句 //D.‘ 注释语句8.如果要在不同的网页中应用相同的样式表定义 ,应该( ) 。

A.直接在HTML的元素中定义样式表B.在HTML的<head〉标记中定义样式表C.通过一个外部样式表文件定义样式表D.以上都可以9.样式表定义#title {co lor:red} 表示( ) 。

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。

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-align5.下列哪一项是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(正确答案)○ 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(正确答案)○ C.padding:10px 40px 30px 20px○ D. padding:20px 10px 40px 30px15.下列哪个属性能够设置盒子模型的左侧边界() [单选题] [必答题] ○ A.margin:○ B.indent:○ C.margin-left:(正确答案)○ D.text-indent:16.()能够定义列表的项目符号为实心矩形。

css试题及答案

css试题及答案

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:inline d 、以上说法都不对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 基本元素类型不包括 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)( d )学院班级姓名a 、linkb 、importc 、style 16 、以下标签哪个不是空标签:(d)Ametab input c hr d form17 、标签p 的对齐属性是:(b) A、styleb 、alignc 、angle d 、padding18 、以下哪个选项是设置底边框的:(a)a 、border-bottomb 、border-topc 、border-left d 、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/divc 选择符更适合定义类样式d 一个id 名称只能对应于文档中一个具体的元素对象21. 以下哪个选项是对对象进行定位的:(c)a、padding b 、marginc 、position d 、display22. 关于div 以下描述正确的是( a ). a. div 是类似于一行一列表格的虚线框b. div 由行列形成的单元格构成,可执行合并拆分等操作c. 由div 布局的网页结构与表现不分离d. div 不要求我们严格css 支持23. 关于使用css 以下说法错误的是( c )a. 选择符:选择符表示要定义样式的对象,可以是元素本身,也可以是一类元素或者制定名称的元素.b. 选择属性:属性是指定选择符所具有的属性,它是css 的核心,css2 共有150 多个属性。

css各类选择器 试题

css各类选择器 试题

css各类选择器试题CSS 选择器试题 5问题:什么是元素选择器?并给出一个示例。

答案:元素选择器是基于HTML元素名选择元素的方式。

例如,要选择页面上的所有<p>元素,并设置其文本颜色为红色,可以这样写:cssp {color: red;}问题:类选择器如何定义?并给出一个示例。

答案:类选择器使用.来选择带有指定类的元素。

例如,要选择类名为.highlight的所有元素,并设置其背景色为黄色,可以这样写:css.highlight {background-color: yellow;}问题:ID选择器与类选择器有什么区别?并给出一个ID选择器的示例。

答案:ID选择器使用#来选择带有指定ID的元素,而类选择器使用.来选择带有指定类的元素。

主要的区别是ID在页面上是唯一的,而类可以用于多个元素。

例如,要选择ID为#unique-id的元素,并设置其字体大小为20px,可以这样写:css#unique-id {font-size: 20px;}问题:什么是属性选择器?并给出一个示例。

答案:属性选择器允许我们基于元素的属性和值来选择元素。

例如,要选择所有带有target="_blank"属性的<a>元素,并设置其文本颜色为绿色,可以这样写:cssa[target="_blank"] {color: green;}问题:什么是伪类选择器?并举一个:hover伪类的例子。

答案:伪类选择器用于选择HTML元素的特定状态。

例如,:hover伪类用于选择鼠标悬停上的元素。

以下是一个将鼠标悬停上的<a>元素的文本颜色设置为红色的例子:cssa:hover {color: red;}。

CSS试题

CSS试题

CSS试题一、单项选择题(20 X 3= 60分)1、CSS是利用什么XHTML标记构建网页布局?()ABCD2、在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、怎样给所有的标签添加背景颜色?()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.B.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:10px 18下列哪个属性能够设置盒模型的左侧外补丁?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、长短上一页下一页。

20道css基础测试题

20道css基础测试题

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如何与其他技术结合使用?
请回答上述问题,并对每个答案进行简要的解释。

css试题

css试题

下面继续,选择题部分(五题一答案)1、请问以下哪项为网站首页默认的名称?()A、index 或defaultB、index 或aboutC、news 或defaultD、index 或first2、Dreamweaver 不提供哪种服务器技术?()A、ASP JavascriptB、C、JSPD、CGI3、Dreamweaver MX 2004 的查找和替换功能不能实现以下哪个操作?()A、修改网页中的错字B、将网页中的某个单词改为另一个单词C、一次性将网页中所有的大写字母变为小写字母D、部分修改网页中的某个词4、如果需要为网页制作动画横幅图像,应该使用哪种格式?()A、JPEGB、GIFC、TIFD、PNG5、以下哪个不是表格的自动化应用?()A、导入表格式数据B、格式化表格C、自动排序表格D、导入数据答案:ADCBD1、D reamweaver MX 2004 没有提供以下哪种网页设计视图?()A、代码视图B浏览视图C、设计视图D拆分视图2、下面哪一项不是段落的对齐方式?()A、上下对齐B、居中对齐C、靠左对齐D、两边对齐3、要插入HTML源代码<BR>,需要使用_________ 按键。

A. Shift + EnterB. Ctrl + EnterC.EnterD.ShinnP+PCul+Enter4、以下关于导航条的说明,哪个是错误的?()A、导航条可以设置多个导航项目B、导航条可以设置超链接C、一个网页可以有多个导航条D、导航条可以制作项目图像变换效果答案:BACC6、下列属于静态网页的是_________ 。

A. index.htmB.index.jspC.index.aspD.index.php7、创建自定义CSS样式时,样式名称的前面必须加一个______________A、$ B.# C.? D.原点8、以下关于站点地图的说法,哪个是错误的?()A、站点地图可以认为是站点蓝图B、站点地图只能建立一层链接关系C、站点地图可以保存为图像D、站点地图可以虚拟出整个网站结构9、 格式化表格的目的是( ) A 、插入行B 、插入列C 、快速、方便地美化表格C 导入表格式数据10、 Dreamweaver 中,站点分为()A 、本地站点和远程站点B 、本地网和局域网C 、本地网和远程网D 、局域网站点和远程网站点ADBCA6、合并单元格的快捷键是( )A 、Ctrl+Alt+MB 、Ctrl+MC Ctrl+Alt+FD 、Ctrl+Shift+M7、Dreamweaver 不提供哪种连接服务器的方法?( )A 、FTPB 、RDSC 、WebDAVD 、Tel net&控制当访问者将鼠标指针移动到指定的图片时,下列哪个显示指定层上图片的行为?( )10、在Dreamweaver 中,打开文件面板的快捷键是( )ADADD11、 定义站点时,存放网页的文件夹默认为 ___________ 。

css练习题

css练习题

css练习题CSS练习题CSS(层叠样式表)是一种用于描述网页外观和样式的标记语言。

掌握CSS对于前端开发者来说至关重要。

为了提高自己的CSS技能,下面将介绍一些CSS 练习题,帮助大家巩固和拓展对CSS的理解。

一、盒子模型练习1. 创建一个带有红色背景颜色的div,宽度为200px,高度为100px。

2. 创建一个带有蓝色边框的div,边框宽度为2px,边框样式为实线,边框颜色为蓝色。

3. 创建一个带有50px内边距的div,内边距上下左右均为10px。

4. 创建一个带有20px外边距的div,外边距上下左右均为20px。

二、选择器练习1. 选中所有class为"box"的元素,并将它们的背景颜色设置为黄色。

2. 选中id为"header"的元素,并将它的字体颜色设置为红色。

3. 选中所有p元素中的第一个,并将它的字体大小设置为20px。

4. 选中所有p元素中的最后一个,并将它的字体大小设置为16px。

三、布局练习1. 创建一个两列布局,左侧宽度为30%,右侧宽度为70%。

2. 创建一个三列布局,左侧宽度为20%,中间宽度为60%,右侧宽度为20%。

3. 创建一个固定在页面底部的footer,宽度为100%。

4. 创建一个居中对齐的div,宽度为300px,高度为200px。

四、动画练习1. 创建一个渐变动画,元素的背景颜色从红色过渡到蓝色,动画持续时间为3秒。

2. 创建一个旋转动画,元素顺时针旋转360度,动画持续时间为2秒。

3. 创建一个缩放动画,元素从初始大小缩小到一半大小,动画持续时间为1秒。

4. 创建一个闪烁动画,元素的透明度在0和1之间循环变化,动画持续时间为2秒。

五、响应式设计练习1. 创建一个响应式网页布局,当屏幕宽度小于600px时,将导航栏隐藏。

2. 创建一个响应式图片布局,当屏幕宽度小于800px时,将图片缩小为原来的一半大小。

3. 创建一个响应式表格布局,当屏幕宽度小于400px时,将表格的列数减少为一列。

CSS测验题-答案

CSS测验题-答案

CSS测验题附答案(满分99)80分合格一、单选题(3分/题,共计81分)1、CSS的中文意思是()A)网页代码B)网页游戏C)层叠样式表D)以上都是2、CSS是对网页元素的()进行精确控制。

A)程序和控件B)外观和格式C)音频和视频D)动画和特效3、CSS的书写标准格式为()A)选择符{属性,属性值}B)选择符(属性,属性值)C)选择符(属性:属性值;)D)选择符{属性:属性值;}4、下面CSS定义body多个属性正确的是()A)body(font-family:“宋体”,color:red)B)body(font-family:“宋体”;color:red;)C)body{font-family:“宋体”;color:“red”;}D)body{font-family:“宋体”;color:red;}5、CSS代码可以单行书写,也可以多行书写,下面正确的是()A)body(font-family:“宋体”,color:red,)B)body(font-family:“宋体”;color:red;)C)body{font-family:“宋体”;color:red;}D)body{font-family:“宋体”,color:red,}6、<P style="font-size: 22px; color: #00F;">广汉电视台</P>上面代码属于CSS的()A)外部样式表B)内部样式表C)内联(内嵌)样式表D)自定义样式表7、<head> <title>样式表</title><style type="text/css">P { font-family:方正姚体; font-size: 22px; } </style></head>上面代码属于CSS的()A)外部样式表B)内部样式表C)内联(内嵌)样式表D)自定义样式表8、<head><link href="P.css" type="text/css" rel="stylesheet"></head>上面代码属于CSS的()A)链接到外部样式表B)内部样式表C)导入外部样式表D)内联样式表9、<head><style>@import "P.css"</style></head>上面代码属于CSS的()A)链接到外部样式表B)内部样式表C)导入外部样式表D)内联样式表10、选择符<P>属于()A)标签B)id C)伪类D)类11、选择符a:hover属于()A)标签B)id C)伪类D)类12、选择符# title属于()A)标签B)id C)伪类D)类13、选择符●title属于()A)标签B)id C)伪类D)类14、选择符* 属于()A)标签B)id C)全局D)类15、<p class="content">中央电视台</p>上面代码中content属于()A)标签名B)id名C)全局名D)类名16、<p id="content">中央电视台</p>上面代码中content属于()A)标签名B)id名C)全局名D)类名17、下面定义超链接样式的选择符是()A)a:link B)a:active C)a:hover D)a:visited18、下面定义单击超链接时的选择符是()A)a:link B)a:active C)a:hover D)a:visited19、下面定义鼠标经过超链接时的选择符是()A)a:link B)a:active C)a:hover D)a:visited20、下面表示链接已访问的选择符是( )A)a:link B)a:active C)a:hover D)a:visited21、内部样式表是写在()之间A)<title></title> B)<head></head>C)<mate></mate> D)<body></body>22、如果设置<P><HR><A>三个元素都是红色,正确格式是()A)P hr a(color : red;)B)P:hr:a { color : red;}C)P,hr,a { color : red;} D)P.hr.a { color : red;}23、代码P{color:blue;} .red{color:red;} 则下面<P>四川</P>和<P class="red">广汉</P>颜色是()A)四川、广汉都是红色B)四川:红色,广汉:蓝色C)四川、广汉都是蓝色D)四川:蓝色,广汉:红色24、有一个外部P.css文件,需要链接到网页,下面哪个是正确的()A)如下<head><title>内外部样式表优先权</title><link href="P1.css" rel="stylesheet" type="text/css"><style type="text/css">A { color : red ; }</style></head>B)如下:<head><title>内外部样式表优先权</title><style type="text/css"><link href="P1.css" rel="stylesheet" type="text/css">A { color : red ; }</style></head>25、定义<P>和<img>元素距离浏览器左边距为20px代码是()A)P & img(margin-left: 20px;)B)P, img(margin-left: 20px;)C)P, img{margin-left: 20px;}D)P & img{margin-left: 20px;}26、定义元素与浏览器的边距有()【多选】A)margin-top B)margin-right C)margin-bottom D)margin-left 27、定义img距离浏览器上、右、下、左边距分别是10px、20px、30px、40px(顺时针)的代码是()A)img{margin:10px 20px 30px 40px;}B)img{margin:40px 30px 20px 10px;}C)img{margin:10px 30px 20px 40px;}D)img{margin:40px 20px 30px 10px;}二、填空题(下划线部分___补充完整)2分/空,共计18分1、<head><title>无标题文档</title><style type="text/css" >P{color:blue;}.red{color:red;}#green{color:green;}</style></head><body>< P >中国</P>< P class="red" >四川</P>< P id="green" >广汉</P></body>要求:中国:蓝色字,四川:红色字,广汉:绿色字2、有一个外部P.css文件,需要链接到网页P.CSS内容为P{color:blue;}<head><title>内外部样式表优先权</title><link href="P.css" type="text/css" rel="stylesheet"><styl type="text/css">P {color:red;}(定义一个内部样式表<P>)</style></head><body><P>成都</P></body>问,“成都”颜色是红色。

css题库(含答案)

css题库(含答案)

css题库(含答案) tip:&lt;为<单选题1.页⾯上的div标签,其HTML结构如下:&lt;div id="father">&lt;p class="son" id="son">传智播客&lt;/p>&lt;/div>对应的CSS样式代码如下:#father #son{color:red;}#father p{color:blue;}div .son{color:yellow;}div p{color:green;}那么,⽂字的颜⾊将显⽰为( A )A、红⾊B、蓝⾊C、黄⾊D、绿⾊2.text-transform属性⽤于控制英⽂字符的⼤⼩写。

下列选项中,不属于其属性值的是( B )A、capitalizeB、line-throughC、lowercaseD、uppercase3.下列选项中,属于并集选择器书写⽅式的是(h1.p{})A、h1 p{}B、h1_p{}C、h1,p{}D、h1-p{}4.下列选项中,符合标签指定式选择器的写法要求的是( A )A、由两个选择器构成,其中第⼀个为标记选择器,第⼆个为class选择器或id选择器,两个选择器之间不能有空格。

B、由两个选择器构成,其中第⼀个为标记选择器,第⼆个为class选择器或id选择器,两个选择器之间必须有空格。

C、由两个选择器构成,其中第⼀个为标记选择器,第⼆个必须为class选择器,两个选择器之间不能有空格。

D、由两个选择器构成,其中第⼀个为标记选择器,第⼆个为id选择器,两个选择器之间必须有空格。

5.页⾯上的div标签,其HTML代码为&lt;div id="box" style="color:red">⽂字&lt;/div>,为其设置CSS样式如下:#box{color:blue;}那么,⽂字的颜⾊将显⽰为 ( B? )A、红⾊B、蓝⾊C、⿊⾊D、以上选项都不正确6.使⽤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.()能够定义列表的项目符号为实心矩形。

css单选多选判断题

css单选多选判断题

**CSS单选多选判断题**1. **单选题**:在CSS中,哪个属性用于设置元素的背景颜色?A. background-colorB. colorC. fgcolorD. bgcolor答案:A. background-color2. **多选题**:以下哪些CSS选择器可以选择具有特定类名的元素?A. .classnameB. #classnameC. element.classnameD. element#classname答案:A. .classname 和 C. element.classname3. **判断题**:CSS中的`margin`属性用于设置元素的内边距。

答案:错。

`margin`属性设置的是元素的外边距,`padding`属性才用于设置内边距。

4. **单选题**:在CSS中,用于将文本设置为斜体的属性是?A. italicB. obliqueC. font-style: italic;D. text-style: italic;答案:C. font-style: italic;5. **多选题**:关于CSS中的`display`属性,以下哪些值是正确的?A. blockB. inlineC. noneD. hidden答案:A. block 和 B. inline 和 C. none6. **判断题**:CSS的`position`属性允许您定义元素的定位类型。

答案:对。

CSS的`position`属性确实允许您定义元素的定位类型,如`static`、`relative`、`absolute`、`fixed`等。

css选择器 测试题

css选择器 测试题

css选择器测试题好的,以下是一份 CSS 选择器测试题,请根据您的知识进行回答:1. 以下哪个 CSS 选择器可以选取 class 为 "myClass" 的所有元素?A. .myClassB. myClassC. :myClassD. ~myClass2. 以下哪个 CSS 选择器可以选取 id 为 "myId" 的元素?A. .myIdB. myIdC. :myIdD. ~myId3. 以下哪个 CSS 选择器可以选取第一个子元素为 "myChild" 的元素?A. > myChildB. myChildC. /myChildD. + myChild4. 以下哪个 CSS 选择器可以选取最后一个子元素为 "myLastChild" 的元素?A. :last-childB. :last-of-typeC. :last-of-elementD. :last-element5. 以下哪个 CSS 选择器可以选取第一个子元素为 "myFirstChild" 的元素?A. :first-childB. :first-of-typeC. :first-of-elementD. :first-element6. 以下哪个 CSS 选择器可以选取最后一个子元素为 "myLastElement" 的元素?A. :last-childB. :last-of-typeC. :last-of-elementD. :last-element7. 以下哪个 CSS 选择器可以选取第一个子元素为 "myFirstElement" 的元素?A. :first-childB. :first-of-typeC. :first-of-elementD. :first-element。

移动互联应用技术《CSS试题》

移动互联应用技术《CSS试题》

CSS一、单项选择题是利用〔 B 〕XHTML标签构建网页布局。

A <dir> B<div> C<dis> D<dif>语言中以下哪一项为哪一项“左边框〞的语法〔 C 〕:<值> :<值>C border-left:<值>D border-toargin:10argin-right:10argin-toargin:5argin:5argin:5argin:10argin:10g src="" /> </div></div>A.10argin。

48以下关于CSSDIV布局中关于盒子模型说法错误的选项是〔 B 〕A一个盒子由4个独立的局部组成:Margin、Border、ily: "Arial"} </style>B <style tyily: "Arial"}</style>D <style tyargin的值都可以为负数。

〔错误〕3.在CSS中,使用个div可以插入多个背景图片〔错误〕:#ccc等同于bacground-color:#ccc正确。

〔错误〕属性来直接定义它的样式。

〔正确〕属性类似,border属性也有单侧属性,即也可以单独定义某一个方向上的属性。

〔正确〕不可以单独定义某一个方向的值。

〔错误〕12Border是CSS的一个属性,用它可以给能确定范围的HTML标记,如td、div 添加边框。

只能定义边框的样式〔style〕、宽度width。

〔错误〕选择器中用户定义的类和用户定义的ID在使用上只有定义方式不同。

〔错误〕14对于自定义样式,其名称必须以点〔〕开始〔正确〕15 <div>标签简单而言是一个区块容器标签。

〔正确〕16 argin-left:2021gin-right:2021gin-bottom:5argin-tol><head><title>无标题文档</title><style tyargin-left:50l>4 编写CSSDIV代码完成三列固定宽度的网页结构布局,效果图及属性参数如下。

CSS-DIV测试卷

CSS-DIV测试卷

CSS-DIV测试卷DIV+CSS试题试题一.选择题(共50题)1.下列哪种CSS样式定义的方式拥有最高的优先级?(B)A) 嵌入B) 行内C) 链接D) 导入2.w eb标准的制定者是?(B)A) 微软B) 万维网联盟(W3C)C) 网景公司(Netscape)D) SUN公司3.下列的HTML中哪个是最大的标题?(D)A) <h6>B) <head>C) <heading>D) <h1>4.下列的HTML中哪个可以插入一条水平线?(B)A) <br>B) <hr>C) <break>D) <P>5.下列的HTML中哪个可以添加背景颜色?(C)A) <body color="yellow">B) <background>yellow</background>C) <body bgcolor="yellow">D) <body backcolor="yellow">6.请选择产生粗体字的HTML标签:(C)A) <bold>B) <bb>C) <b>D) <bld>7.请选择产生斜体字的HTML标签:(A)A) <i>B) <italics>C) <ii>D) <it>8.下列的HTML中哪个可以产生超链接?(C)A) <aurl="">W3Schools. com</a>A) <td align="left">B) <td valign="left">C) <td leftalign>D) <tdleft>9.如何产生带有数字列表符号的列表?(A)A) <ul>B) <dl>C) <ol>D) <list>10.如何产生带有圆点列表符号的列表?(D)A) <dl>B) <list>C) <ol>D) <ul>11.下列的HTML中哪个可以产生复选框?(C)A) <input type="check">B) <checkbox>C) <input type="checkbox">D) <check>12.下列的HTML中哪个可以产生文本框?(D)A) <input type="textfield">B) <textinput type="text">C) <input type="text">D) <textfield>13.下列的HTML中哪个可以产生下拉列表?(D)A) <list>B) <input type="list">C) <input type="dropdown">D) <select>14.下列的HTML中哪个可以产生文本区?(D)A) <textarea>B) <input type="textarea">C) <input type="textbox">D) <textarea></textarea>15.下列的HTML中哪个可以插入图像?(C)A) <img href="image.gif>B) <image src="image.gif">C) <img src="image.gif">D) <img>image.gif</img>16.下列的HTML中哪个可以插入背景图像?(A)A) <body background="background.gif">B) <background img="background.gif">C) <img src="background.gif" background>D) ' this is a comment17.以下的HTML中,哪个是正确引用外部样式表的方法?(B)A) <style src="mystyle.css">B) <link rel="stylesheet" type="text/css" href="mystyle.css">C) <stylesheet>mystyle.css</stylesheet>18.在HTML文档中,引用外部样式表的正确位置是?(B)A) 文档的末尾B) <head>部分C) 文档的顶部D) <body>部分19.哪个HTML标签可用来定义内部样式表?(A)A) <style>B) <script>C) <css>20.哪个HTML属性可用来定义内联样式?(D)A) fontB) classC) stylesD) style21.下列哪个选项的CSS语法是正确的?(B)A) body:color=blackB) {body:color=black(body}C) body {color: black}D) {body;color:black}22.如何在CSS文件中插入注释?(C)A) // this is a commentB) // this is a comment //C) /* this is a comment */D) ' this is a comment23.CSS哪个属性可用来改变背景颜色?(C)A) bgcolor:B) color:C) background-color:24.如何为所有的<h1>元素添加背景颜色?(C)A) h1.all {background-color:#FFFFFF}B) h1 {background-color:#FFFFFF}C) all.h1 {background-color:#FFFFFF}25.CSS如何改变某个元素的文本颜色?(B)A) text-color:B) color:C) fgcolor:D) text-color=26.哪个CSS属性可控制文本的尺寸?(A)A) font-sizeB) text-styleC) font-styleD) text-size27.以下的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}28.如何显示没有下划线的超链接?(A)A) a {text-decoration:none}B) a {text-decoration:no underline}C) a {underline:none}D) a {decoration:no underline}29.如何使文本以大写字母开头?(A)A) text-transform:capitalizeB) 无法通过CSS来完成C) text-transform:uppercase30.css如何改变元素的字体?(C)A) font=B) f:C) font-family:31.如何改变元素的左边距?(B)A) text-indent:B) margin-left:C) margin:D) indent:32.如何产生带有正方形的项目的列表?(C)A) list-type: squareB) list-style-type: squareC) type: squareD) type: 233.CSS是利用什么XHTML标记构建网页布局?(B)A<dir>B<div>C<dis>D<dif>34.在CSS语言中下列哪一项是"左边框"的语法?(B)A、border-left-width: <值>B、border-top-width: <值>C、border-left: <值>D、border-top-width: <值>35.在CSS语言中下列哪一项的适用对象是"所有对象"?(A)A背景附件B文本排列C纵向排列D文本缩进36.下列选项中不属于CSS 文本属性的是(D )A.font-sizeB.text-transformC.text-alignD.line-height37.在CSS 中不属于添加在当前页面的形式是(D )A.内联式样式表B.嵌入式样式表C.层叠式样式表D.链接式样式表38.在CSS语言中下列哪一项是"列表样式图象"的语法?(D)A、width: <值>B、height: <值>C、white-space: <值>D、list-style-image: <值>39.下列哪一项是css正确的语法构成?(C)A、body:color=blackB、{body;color:black}C、body {color: black;}D、{body:color=black(body}40.下面哪个CSS属性是用来更改背景颜色的?(A0A.background-color:B.bgcolor:C.color:D、text:41.怎样给所有的<h1>标签添加背景颜色?(B)A、.h1 {background-color:#FFFFFF}B、h1 {background-color:#FFFFFF;}C、h1.all {background-color:#FFFFFF}D、#h1 {background-color:#FFFFFF}42.下列哪个css属性可以更改样式表的字体颜色?(D)A.text-color=B.fgcolor:C.text-color:D.color:43.下列哪个css属性可以更改字体大小?(C)A.text-sizeB.font-sizeC.text-styleD.font-style44.下列哪段代码能够定义所有P标签内文字加粗?(D)A.<p style="text-size:bold">B.<p style="font-size:bold">C.p {text-size:bold}D.p {font-weight:bold}45.如何去掉文本超级链接的下划线?(D)A.a {text-decoration:no underline}B.a {underline:none}C.a {decoration:no underline}D.a {text-decoration:none}46.下列哪个css属性能够更改文本字体?(C)A.f:B.font=C.font-family:D、text-decoration:noneHTML试卷(A)一、选择题1.在一个框架的属性面板中,不能设置下面哪一项。

css面试题.

css面试题.

一、填空题(共10题)1.CSS样式定义优先级顺序是 ______。

2.对ul li的样式设成无,应该是用什么属性______。

3.div与span的区别是____________。

4.合理的页面布局中常听过结构与表现分离,那么结构是____,表现是_____。

5.css选择器包括______、______、______。

6.改变元素的外边距用_____,改变元素的内边距用______。

7.在Table中,th是_____,tr是_______,td是______。

8.请将下面五行代码进行缩写,注意代码缩写规范:#box {background-position:50% 50%;background-repeat:no-repeat;background-attachment:fixed;background-color:#ff0000;background-image:url(lady.gif);}9.图片加链接后又浏览器默认的蓝色边框,消除的方法是______。

10.如下图为一个border为1px 的div块,总宽度为215px(包括border),阴影区为padding-left:25px;,那么此div的width应设置为______。

二、单项选择题(共30题)1.()标签可以应用于〈head〉中。

A.<body>B.<title>C.<image>D.<html>2.a:hover表示超链接文字在()时的状态。

A.鼠标按下B.鼠标经过C.鼠标放上去D.访问过后3.下列属性哪一个能够实现层的隐藏?A.display:falseB.display:hiddenC.display:noneD.display:""4.下列选项中,不属于文本属性的是A.font-sizeB.font-styleC.text-alignD.font-color5.CSS是什么的缩写puter Style SheetsB.Cascading Style SheetsC.Creative Style SheetsD.Colorful Style Sheets6.下列HTML引用样式表的方式哪种正确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">7.在HTML内部定义样式用下列哪个标签A.<style>B.<css>C.<script>D.<link>8.下面的CSS语法哪一个正确?A.body:color=blackB.{body;color:black;}C.body {color: black;}D.{body:color=black(body}9.在CSS中怎样插入注释A.// this is a comment //B./ this is a commentC./* this is a comment */D.' this is a comment "10.下面哪一个属性用来更换背景颜色A.background-color:B.bgcolor:C.color:D.bg_color:11.怎样给xhtml中的所有h1标签增加一个背景色A.all.h1 {background-color:#FFFFFF;}B.h1 {background-color:#FFFFFF;}C.h1.all {background-color:#FFFFFF;}C.h1.total {background-color:#FFFFFF;}12.怎样改变标签元素中文本的颜色A.text-color:B.font-color:C.text-color:D.color:13.选出你认为最合理的定义标题的方法( ) 。

(最新整理)CSS试题

(最新整理)CSS试题

CSS试题编辑整理:尊敬的读者朋友们:这里是精品文档编辑中心,本文档内容是由我和我的同事精心编辑整理后发布的,发布之前我们对文中内容进行仔细校对,但是难免会有疏漏的地方,但是任然希望(CSS试题)的内容能够给您的工作和学习带来便利。

同时也真诚的希望收到您的建议和反馈,这将是我们进步的源泉,前进的动力。

本文可编辑可修改,如果觉得对您有帮助请收藏以便随时查阅,最后祝您生活愉快业绩进步,以下为CSS试题的全部内容。

CSS一、单选题1。

CSS是利用( B)XHTML标签构建网页布局。

A. 〈dir> B。

〈div> C.〈dis> D.<dif〉2。

在CSS语言中下列哪一项是“左边框”的语法( C )A.border-left—width:〈值>B.border-top-width:〈值>C。

border-left:〈值> D. border—top—width:<值〉3。

在下列CSS语言中( A )适用对象是“所有对象”.A。

背景附件 B。

文本排列 C。

纵向排列 D。

文本缩进4。

下列( D )不属于CSS文本属性。

A。

font-size B.text—transform C.text—align D。

line—height5.下列哪一项是CSS正确的语法构成( C )A.body:color=blackB.{body;color:black}C.body{color:black}D。

{body:color=black}6。

下面哪个CSS属性是用来改变背景颜色的( A )A。

background—color: B。

bgcolor: C。

color: D。

text: 7.怎样给所有的〈h1〉标签添加背景颜色( B )A。

.h1 { background—color:#ffffff }B。

h1 { background-color; }C。

h1。

all { background—color:#ffffff }D。

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

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.下列哪个属性能够设置盒子模型的左侧边界() [单选题] [必答题]○A.margin:○B.indent:○C.margin-left:(正确答案)○D.text-indent:16.()能够定义列表的项目符号为实心矩形。

[单选题] [必答题]○A.list-type:square○B.type:2○C.type:square○D.list-style-type:square(正确答案)17.关于WEB标准以下说法错误的是() [单选题] [必答题]○A.Web标准是一个复杂的概念集合,它由一系列标准组成○B.这些标准全部都由W3(正确答案)○C起草与发布○D.Web标准里的表现标准语言主要包括CSS18.以下是<!doctype>元素作用的是() [单选题] [必答题]○A.该元素用来定义文档类型(正确答案)○B.该元素用来声明命名空间○C.该元素用来向搜索引擎声明网站关键字○D.该元素用来向搜索引擎声明网站作者19.关于float描述错误的是() [单选题] [必答题]○A.float:left○B.float:center(正确答案)○C.float:right○D.float:none20.外部样式表文件不可以由以下哪个方法导入() [单选题] [必答题] ○A. link○B.import○C. style(正确答案)○D.附加样式表21.标签<p>的对齐属性是() [单选题] [必答题]○A. style○B.align(正确答案)○C.angle○D.padding22.以下哪个选项是设置底边框的() [单选题] [必答题]○A.border-bottom(正确答案)○B.border-top○C.border-left○D.border-right23.以下关于CLASS和ID的说法错误的是() [单选题] [必答题]○A.class的定义方法是:.类名{样式};○B.id的应用方法:<指定标签 id=”id名”>○C.class的应用方法:<指定标签 class=“类名”>○D.id和class只是在写法上有区别,在应用和意义上没有区别(正确答案)24.以下哪个选项是对对象进行定位的() [单选题] [必答题]○A.padding○B.margin○C.position(正确答案)○D.display25.关于块状元素说法正确的是() [单选题] [必答题]○A.块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域,常用的块状元素包括div \ h1-h6\ p\ ul○B.默认情况下,块状元素都会占据一行,通俗地说,两个相邻块状元素不会出现并列显示的现象;默认情况下块状元素会按顺序自上而下排列。

○C.块状元素都不可以定义自己的宽度和高度(正确答案)○D.块状元素一般都作为其他元素的容器,它可以容纳其他内联元素和其他块状元素,我们可以把这种容器比喻为一个盒子。

26.关于DIV以下描述正确的是() [单选题] [必答题]○A.div是类似于一行一列表格的虚线框(正确答案)○B.div由行列形成的单元格构成,可执行合并拆分等操作○C.由div布局的页面结构域表现不能分离○D.div不要求我们严格CSS支持27.关于CSS以下说法错误的是() [单选题] [必答题]○A.每个CSS样式都必须由两部分组成:选择器和声明○B.选择器表示要定义样式的对象,可以是元素本身,也可是一类元素或制定名称的元素○C.属性是指定选择器所具有的属性,它是CSS的核心,css共有150多个属性○D.定义属性值:属性值是指数值加单位,如20px(正确答案)28.关于CSS定义的说法错误的是() [单选题] [必答题]○A.类样式的定义方法是点+样式名字○B.用户定义的类的定义方法是#+样式名字(正确答案)○C.声明定义时属性和属性之间用空格分隔○D. HTML标签. 样式名字:是指只有该指定的标签才能引用它。

29.关于样式表的优先级说法不正确的是() [单选题] [必答题]○A.直接定义在标记上的CSS样式级别最高○B.内部样式表次之○C.外部样式表级别最低○D.当样式中属性重复时,先设的属性起作用(正确答案)30.使用link元素调用CSS的语法中,以下哪个属性是用来指定CSS文件的路径的() [单选题] [必答题]○A. url○B.src○C.href(正确答案)○D.以上都不对1.在CSS语言下列哪些选项是背景图像的属性() [多选题] [必答题] □A.背景重复(正确答案)□B.背景附件(正确答案)□C.纵向排列(正确答案)□D.背景位置(正确答案)2.CSS中的选择器包括() [多选题] [必答题]□A.超文本标记选择器□B.类选择器(正确答案)□C.标签选择器(正确答案)□D.ID选择器(正确答案)3.CSS文本属性中,文本对齐属性的取值有() [多选题] [必答题] □A. auto□B.justify(正确答案)□C.center(正确答案)□D.right(正确答案)□E.left(正确答案)4.CSS中的BOX的padding属性包括的属性有() [多选题] [必答题] □A.填充□B.上填充(正确答案)□C.底填充(正确答案)□D.左填充(正确答案)□E.右填充(正确答案)5.CSS中,盒模型的属性包括() [多选题] [必答题]□A.font□B.margin(正确答案)□C.padding(正确答案)□D.visible□E.border(正确答案)6.下面关于CSS的说法正确的有() [多选题] [必答题]□A.CSS可以控制网页背景图片(正确答案)□B.margin属性的属性值可以是百分比(正确答案)□C.整个BODY可以作为一个BOX(正确答案)□D.对于中文可以使用word-spacing属性对字间距进行调整□E.margin属性不能同时设置四个边的边距7.关于CSS的说法正确的有() [多选题] [必答题]□A. CSS可以控制网页背景颜色(正确答案)□B. position可以实现盒子模型精确定位(正确答案)□C.字体大小的单位可以使cm(正确答案)□D.一个BOX只能通过float进行定位□E.Z-index的取值不能是负数8.关于内容、结构和表现说法正确的是() [多选题] [必答题]□A.内容是页面传达信息的基础(正确答案)□B.表现使得内容的传达变得更加明晰和方便(正确答案)□C.结构就是对内容的交互及操作效果□D.内容就是网页实际要传达的信息,包括文本、图片、音乐、视频、数据、文档等。

相关文档
最新文档