CSS复习题目资料

1、、选择题1. CSS是（）的缩写。A . Colorful Style SheetsB . Computer Style SheetsC. C ascading Style SheetsD . C reative Style Sheets2. 引用外部样式表的格式是（ B ）A. B. C . mystyle.css3. 引用外部样式表的元素应该放在_ ()A . HTML文档的开始的位置B . HTML文档的结束的位置C. 在head元素中D .在body元素中4. 内部样式表的元素是()。A . B. C. 5. 元素中定义样式表的属性名是（）。A. styleB. classC. sty

2、lesD. font6. 下列（）是定义样式表的正确格式。A. body:color=black（bodyB. body:color=blackC . body color: blackD . body;color:black7. 下列_ （）是定义样式表中的注释语句A . /*注释语句*/B ./注释语句C ./注释语句/D .注释语句&如果要在不同的网页中应用相同的样式表定义，应该（）。A . 直接在HTML的元素中定义样式表B . 在HTML的vhead标记中定义样式表C. 通过一个外部样式表文件定义样式表D .以上都可以9 . 样式表定义 #title coloured 表示（）。A

3、.网页中的标题是红色的B. 网页中某一个id为title的元素中的内容是红色的C. 网页中元素名为title的内容是红色的D .以上任意一个都可以10 .样式表定义.outer background-color:yellow 表示（）。A . 网页中某一个id为outer的元素的背景色是红色的 B . 网页中含有class=”outer”元素的背景色是红色的C. 网页中元素名为outer元素的背景色是红色的D .以上任意一个都可以11. 下列（）表示p元素中的字体是粗体。A . p text-size:boldB p font-weight:boldC D 12 下列（ ）表示 a 元素中的内

4、容没有下划线。A a text-decoration:no underlineB a underline:noneC a text-decoration:noneD a decoration:no underline13. 下列（ A ）表示上边框线宽10px,下边框线宽 5px，左边框线宽 20px，右边框线宽1px ,。A . border-width:10px 1px 5px 20pxB. border-width:10px 5px 20px 1pxC. border-width:5px 20px 10px 1pxD. border-width:10px 20px 5px 1px14.

5、下列（）表示左边距。A . margin-leftB . marginC. indentD . text-indent15 设置外边距（）是负数。A 可以B 不可以16 下列（A ）表示列表项符号是小方块。A list-style-type: squareB type: squareC list-type: squareD type: 217 “样式表定义中的 display 和 visibility 效果是一样 的，都是用于网页指定对象的隐藏和显示”的说法是（ B ）。A 正确的B 不正确的18 如果要将网页中的两个 div 对象制作为重叠效果， （ D ）。A 是不可能的B 利用表格标记

6、C 利用样式表定义中的绝对位置与相对位置属性D 利用样式表定义中的 z-index 属性19.CSS 是利用什么 HTML 标记构建网页布局？（ ）A. B. C. D. 20. 在 CSS 语 言 中 下 列 哪 一 项 是 左 边 框 的 语 法 ？ （C ）A. border-left-width: B. border-top-width: C. border-left: D. border-top-width: 21. 在 CSS 语言中下列哪一项的适用对象是 所有对象 ？（A ）A. 背景附件B. 文本排列C. 纵向排列D. 文本缩进22. 下列选项中不属于 CSS 文本属性的是（

7、D ）A font-sizeB text-transformCtext-alignD line-height23. 在 CSS 中不属于添加在当前页面的形式是（D ）B .嵌入式样式表D.链接式样式表 列表样式图象 的语法？A 内联式样式表C.层叠式样式表24. 在 CSS 语言中下列哪一项是（D）A. width: B. height: C. white-space: D. list-style-image: 25. 下列哪一项是 css 正确的语法构成？（ C ）A. body:color=blackB. body;color:blackC. body color: black;D. .b

8、ody:color=black（body26. 下面哪个 CSS 属性是用来更改背景颜色的？（A. background-color:B. bgcolor:C. color:D. text:27.怎样给所有的 标签添加背景颜色 ?（ B ）A. .h1 background-color:#FFFFFFB. h1 background-color:#FFFFFF;C. h1.all background-color:#FFFFFFD. #h1 background-color:#FFFFFF28.下 列 哪 个 css 属 性 可 以 更 改 样 式 表 的 字 体 颜 色 ？ （ D ）A.

9、text-color=B. fgcolor:C. text-color:D. color:29.下列哪个 css 属性可以更改字体大小？（B ）A. text-sizeB. font-sizeC. text-styleD. font-style30.下列哪段代码能够定义所有P 标 签内文字加粗？A. B. C. p text-size:boldD. p font-weight:bold31. 如何去掉文本超级链接的下划线？（ D ）A. a text-decoration:no underlineB. a underline:noneC. a decoration:no underlineD.

10、 a text-decoration:none32. 如何设置英文首字母大写？（B ）A. text-transform:uppercaseB. text-transform:capitalizeC. 样式表做不到D. text-decoration:none33. 下列哪个 css 属性能够更改文本字体？（C ）A. f:B. font=C. font-family:D. text-decoration:none34. 下列哪个 css 属性能够设置文本加粗？（A ）A. font-weight:boldB. style:boldC. font:bD. font=35. 下列哪个 css 属

11、性能够设置盒模型的内补丁为 10.20.30.40 （顺时针方向）？（ A ）A. padding:10px 20px 30px 40pxB. padding:10px 1pxC. padding:5px 20px 10pxD. padding:10px36 下 列 哪 个 属 性 能 够 设 置 盒 模 型 的 左 侧 外 补 丁 ？ （ C ）A. margin:B. indent:C. margin-left:D. text-indent:37. 定 义 盒 模 型 外 补 丁 的 时 候 是 否 可 以 使 用 负 值 ? （ A ）A. 是B. 否38. 如何能够定义列表的项目符号为

12、实心矩形？（D ）A. list-type: squareB. type: 2C. type: squareD. list-style-type: square39. 在 CSS 语 言 中 下 列 哪 些 选 项 是 背 景 图 像 的 属 性 （ ABCD ）A 背景重复 B 背景附件 C 纵向排列 D 背景位置BCD )B .类选择器40.CSS 中的选择器包括（A 超文本标记选择器二、简答题1、什么是标记选择器并举例说明。CSS标记选择器就是声明哪些标记采用哪种CSS样式。例如： h1 color:red; font-size:25px; 2、什么是类别选择器并举例说明。 类别选择器的

13、名字可以由用户自定义， 用做 html 页面某标签 的 class 属性值。例如： .redcolor:red; font-size:18px 3、什么是 ID 选择器并举例说明。ID 选择器是针对 html 页面中某个具有此 ID 属性的标签设置 的 CSS 样式。例如： #bold font-weight:bold; 4、举例说明什么是行内式 CSS 样式 行内式是直接对 html 的标记使用 style 属性，然后将 CSS 代码直接写在其中。例如： 正文内容 5、举例说明什么是内嵌式CSS 样式。内嵌样式表就是将 CSS写在与v/head之间，并且用 和v/style标记进行声明。例如

14、： vheadvstyle type= ”text/css”p color:#0000ff v/stylev/head6、 举例说明什么是链接式CSS样式。链接式 CSS 样式表是通过使用 html 链接文件标签 link 将外 部 CSS 应用到本页面的样式使用方法。例 如 ： vlinkhref=”myCSS.css” type=”text/css”rel=”stylesheet”7、 举例说明什么是导入式CSS样式。采用 import 方式导入的样式表，在 html 文件初始化时，会 被导入到 html 文件内， 作为文件的一部分， 类似内嵌式的效 果。例如： import url(sh

15、eet.css);8、什么是交集选择器，并举例说明。交集选择器是由 两个选择器直接连接构成，其结果是选中 二者各自元素范围的交集。其中第 1 个必须是标记选择器， 第 2 个必须是类别选择器或者 ID 选择器。例如： p.special color:red 9、什么是并集选择器，并举例说明。 并集选择器或者称为“集体声明” ，它的结果是同时选中各 个基本选择器所选择的范围。例 如 ： h1,h2,p color:purple; font-size:15px 10、什么是后代选择器，并举例说明。 后代选择器的写法就是把外层的选择器名字写在前面，内层 的选择器名字写在后面，之间用空格分隔。例如：p

16、span color:red 11、在CSS中一个独立的盒子模型有哪几部分组成？content （内容）、border （边框）、padding （内边距）和 margin（外边距）12、举例说明什么是块级元素和行内元素？ 块级元素总是占据一个矩型区域，并且同级兄弟块依次竖直 排列，左右撑满。例如： 行内元素不占有独立的区域，并且同级元素之间横向排列， 到最右端自动这行。例如： 13、解释一下 div 标签的作用 是一个区块容器标记，即 与 之间相当于一 个容器， 可以容纳段落、 标题、表格、图片等各种 html 元素。14、解释一下 span 标签的作用vspan标记和 样，作为容器可以容纳

17、各种 html元素， 但它是一个行内元素，在它的前后不会换行。15、解释盒子模型的 float 属性。float属性默认为 none,也就是标准流通常的情况。如果将 float属性的值设置为left或right，元素会向其父元素的左侧 或右侧靠近，同时默认情况下，盒子的宽度不再伸展，而是 收缩，根据盒子里面的内容的宽度来确定。16、解释盒子模型的 display 属性。display 属性用于确定盒子的类型。 display 属性设为 inline ，即为“行内”；设为block，即为“块级”；设为none,即为 “无”，也就是隐藏盒子。17、圆角框主要有哪几种制作方法？ 两背景图像法、四图像

18、不固定宽度圆角框、五图像二维滑动 门圆角框。18、使用 CSS 主要有哪几种布局方式？ 两列布局、三列布局、多列布局。19、CSS 布局方法与表格布局方法相比，有哪些优势？（ 1）页面载入更快； （ 2）降低网站流量费用； （ 3）易于修 改；（4）视觉一致（ 5）更易于被搜索引擎找到。20、使用 CSS 布局的网页应实现哪些要求？（ 1）宽度使用多列布局，并保证页头和页脚正确显示；（ 2）可以指定列宽度固定，其余列宽度自适应；（3）在 html 中，个列可以任意顺序排列，最终效果都正确 显示。三、案例分析题1、解释以下 CSS 样式的含义 tableborder: 1px #333 soli

19、d;font: 12px arial;width: 500pxtd,thpadding: 5px; border: 2px solid #EEE; border-bottom-color: #666;border-right-color: #666;将表格边框宽度设为 1px ，颜色设为 #333 ，边框为实线；表 格中的字体大小设为 12px, 字体类型为 arial ；表格宽度为500px 。设置单元格和表头部分的样式：内边距为5px，边框宽度2px ,实线，颜色为#EEE，底部和右侧边框颜色特别设为 #666 2、解释以下 CSS 样式的含义 formborder:1px dotted

20、#AAAAAA;padding:3px 6px 3px 6px;margin:Opx;font:14px Arial;selectwidth:80px;background-color:#ADD8E6;设置表单边框宽度为 1px，点划线，颜色为#AAAAAA，内 上、右、下、左边距分别为：3px 6px 3px 6px ,外边距为Opx, 字体为14px大小的 Arial字体。设置选择框宽度为 80px，背景颜色为#ADD8E63、解释以下CSS样式的含义。inputcolor:#00008B;input.btnbackground-color:#ADD8E6;padding:1px 2px

21、1px 2px;设置i叩ut标签中字体颜色为 #00008B ； input标签中id属性为btn的按钮背景颜色设为 #ADD8E6 ,内上、右、下、左边距分别设为1px、2px、1px、2px4、解释以下CSS样式的含义。.rounded background: url(images-notebook/left-top.gif) top left no-repeat;.rounded h2 background: url(images-notebook/right-top.gif) top rightno-repeat;padding:20px 20px 10px;margin:。；定义类选

22、择器.rounded :背景图像为left-top.gif，从左上角开 始，不平铺定义后代选择器.rounded h2 :背景图像为right-top.gif，从右上角开始，不平铺；内上、左右、下边距分别是20px 20px10px，外边距为05、画出一个1-( 1-2)+1)-1的布局结构示意图6、画出一个1-( 1+ (3-1-2) -1的布局结构示意图 1 17、解释以下CSS样式的含义。#header,#pagefooter,#containermargin:。auto;width:85%;#contentposition:absolute;width: 300px;设置 id 属性为 header、pagefooter、container 的 div 层上下外边框为0,左右外边框为auto,宽度为相对于父元素宽 度的 85%设置 id 属性为 content 的 div 层为绝对定位，宽度为固 定宽度 300px8、解释以下 CSS 样式的含义。A:link COLOR: #3333cc; TEXT-DECORATION: none A:visited COLOR:#990099;TEXT-DECORATION:none A:active COLOR:#ff0000;TEXT-DECORATION:underlineA:hover