CSS试地的题目

1、实用标准文案CSS一、单选题1. CSS 是利用（ B）XHTML标签构建网页布局。A. B.C. D.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.

2、下列哪一项是 CSS正确的语法构成（ C ）A. body:color=black B.body;color:black C.bodycolor:black D.body:color=black6. 下面哪个 CSS属性是用来改变背景颜色的（A ）A. background-color: B.bgcolor: C.color: D.text:7. 怎样给所有的 标签添加背景颜色（ B ）A. .h1 background-color:#ffffff B. h1 background-color; C. h1.all background-color:#ffffff D. #h1 backgro

3、und-color:#ffffff 8. 下列哪个 CSS属性可以更改样式表的字体颜色（D ）A. text-color=B.fgcolor:C.text-color:D.color:9. 下列哪个 CSS属性可以更改字体大小（ B ）A. text-sizeB.font-sizeC.text-styleD.font-style10. 下列哪段代码能够定义所有 P标签内文字加粗（ D ）A. B.C.p text-size:bold; D.p font-weight:bold; 11. 下面哪个方法可以去掉文本超链接的下划线（ D ）A. a text-decoration:no underl

4、ine; B. a underline:none; C. a decoration:no underline; D. a text-decoration:none; 12. 下列哪个 CSS属性能够更改文本字体（C ）A. f; B.font= C.font-family: D.text-decoration:none;13. 下列哪个 CSS属性能够设置文本加粗（ A ）A.font-weight:bold B.style:bold C.font:b D.font=14. 下列哪个 CSS属性能够设置盒子模型的填充为 10、 20、30、40、（顺时针方向） （ A ）精彩文档实用标准文案A

5、. padding:10px 20px 30px 40px B. padding:40px 30px 20px 10pxC.padding:10px 40px 30px 20px D. padding:20px 10px 40px 30px15. 下列哪个属性能够设置盒子模型的左侧边界（ C ）A. margin: B.indent: C.margin-left: D.text-indent:16. （ D ）能够定义列表的项目符号为实心矩形。A. list-type:square B.type:2 C.type:square D.list-style-type:square17. 关于 WE

6、B标准以下说法错误的是（ B ）A. Web标准是一个复杂的概念集合，它由一系列标准组成B. 这些标准全部都由 W3C起草与发布C. Web 标准可以分为 3 个方面D. Web标准里的表现标准语言主要包括 CSS18. 以下是 元素作用的是（ A ）该元素用来声明命名空间该元素用来向搜索引擎声明网站作者A. 该元素用来定义文档类型B.C. 该元素用来向搜索引擎声明网站关键字D.19. 关于 float 描述错误的是（ B ）A.float:leftB.float:center C.float:rightD.float:noneA. link B.importC. styleD21. 标签 的

7、对齐属性是（ B）20. 外部样式表文件不可以由以下哪个方法导入（C ）A. style B.align C.angle附加样式表D.padding22. 以下哪个选项是设置底边框的（A ）A.border-bottom B.border-top C.border-left D.border-right23. 以下关于 CLASS和 ID 的说法错误的是（ D ）A. class 的定义方法是： . 类名 样式 ；B. id 的应用方法： C. class 的应用方法： D.id 和 class 只是在写法上有区别，在应用和意义上没有区别24. 以下哪个选项是对对象进行定位的（ C ）D.di

8、splayA.padding B.margin C.position25. 关于块状元素说法正确的是（ C ）div h1-h6A. 块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常用的块状元素包括p ulB. 默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下块状 元素会按顺序自上而下排列。精彩文档实用标准文案C. 块状元素都不可以定义自己的宽度和高度D. 块状元素一般都作为其他元素的容器，它可以容纳其他内联元素和其他块状元素，我们可以把这种容器比喻为 个盒子。26. 关于 DIV 以下描述正确的是（ A ）A. div 是类

9、似于一行一列表格的虚线框B. div 由行列形成的单元格构成，可执行合并拆分等操作C. 由 div 布局的页面结构域表现不能分离D. div 不要求我们严格 CSS支持27. 关于 CSS以下说法错误的是（ D ）A. 每个 CSS样式都必须由两部分组成：选择器和声明B. 选择器表示要定义样式的对象，可以是元素本身，也可是一类元素或制定名称的元素C. 属性是指定选择器所具有的属性，它是CSS的核心， css 共有 150 多个属性D. 定义属性值：属性值是指数值加单位，如 20px28. 关于 CSS定义的说法错误的是（ C ）A. 类样式的定义方法是点 +样式名字B. 用户定义的类的定义方法

10、是 #+样式名字C. 声明定义时属性和属性之间用空格分隔D. HTML标签. 样式名字：是指只有该指定的标签才能引用它。29. 关于样式表的优先级说法不正确的是（ D ）A. 直接定义在标记上的 CSS样式级别最高B. 内部样式表次之C. 外部样式表级别最低D. 当样式中属性重复时，先设的属性起作用30. 使用 link 元素调用 CSS的语法中，以下哪个属性是用来指定CSS文件的路径的（ C ）A. url B.src C.href D.31. 在 CSS中，注释代码是（ B ）A.B./*/ C./ D.|32. 在 HTML文档中，引用外部样式表的正确位置是（ A. 文档的末尾 B. C

11、.33. 下列哪种方式是用类选择器定义样式的（B）B ）文档的顶部A. pcolor: redB. . onecolor: red以上都不对D. 部分C. #twocolor: redD. p,h1color:red34. 阅读下面 HTML代码，两个 DIV 之间的空白距离是（ C ）。border:1px solid #f00; .header margin-bottom: 10px;精彩文档实用标准文案.container margin-top: 15px; border:1px solid #f00;A 0pxB 10pxC 15pxD 25px35. 下列样式定义字体为宋体、字体颜色

12、为红色、斜体、大小20px、粗细800 号，正确的定义是：（A）A.p font-family: 宋体 ;font-size:20px;font-weight:800;color:red; font-style:italic; B. p font-family:20px; font-size: 宋体 ; font-weight:800; color: red; font-style:italic; C. p font-family:20px; font-size:800; font-weight: 宋体 ; color:red; font-style:italic; D. pfont-fami

13、ly:800; font-size:20px; font-weight:red; color:italic; font-style: 宋体 ;36. 下列样式定义字体间距为 0.5 倍间距、水平左对齐、垂直顶端对齐、有下划线正确的定义是：（ A）A.ptext-decoration:underline; letter-spacing: 0.5em; vertical-align: top; text-align: left;B. ptext-decoration:0.5em; letter-spacing: underline; vertical-align: top; text-align:

14、 left;C. ptext-decoration: left; letter-spacing: top; vertical-align: 0.5em; text-align: underline;D. ptext-decoration:underline; letter-spacing: 0.5em; vertical-align: left; text-align: top;37. 根据以下的 HTML代码： h1 color: ”limegreen ” ;font-family:” arial ” 可以知道（ C ）A.此段代码是一个类选择器B. 选择器的名称是 colorC. 部门是对

15、 H1这个选择器的样式说明D. limegreen 和 font-family 都是值38. 创建一个样式表， 可以设置当前页面中 ID 为 compact 元素的内容的字体为斜体。 下列能实现该功能的代码是 （ D ）。 A.compactfont-style:italic;B. compactfont-style:italic;C. .compacttext-style:italic;D.#compactfont-style:italic;39. 在 CSS中，为页面中的某个 DIV 标签设置样式 divwidth:200px;padding:0 20px; border:5px; ，则该

16、标签的实 际宽度为（ D ）A.200px B.220px C.240px D.250px40. 阅读下面 HTML代码，段落标签 内文本最终显示的颜色是（）。body color:#333; #text color:#f00;精彩文档实用标准文案 我我本将心向明月，奈何明月照沟渠。A #f00B #00fC #666D #333.content color:#00f; .gray color:#666; 41. 阅读下面 CSS代码，下面选项中与该代码段效果等同的是（A ）。.box margin:10px 5px; margin-right:10px; margin-top:5px; A.

17、box margin:5px10px10px5px;B.box margin:5px10px0px0px;C.box margin:5px10px;D.box margin:10px5px10px5px;43. 阅读下面的HTML及 CSS代码，图片距最外面的42. 在 HTML页面中，调用外部样式表的方法是（B ）。type=text/csshref= 外部样式表地址 /type=text/csshref= 外部样式表地址 /type=text/csslink= 外部样式表地址 /type=text/cssstyle= 外部样式表地址 /A style rel=stylesheet B li

18、nk rel=stylesheet C style rel=stylesheet D link rel=stylesheetDIV 外边缘的距离是（D ）。#outbox border:10pxsolid #ff0000;width:400px;#inbox border:20pxsolid #ff0000;margin:10px;padding:10px; A 10pxB 30pxC40pxD 50px44. 下面选项中是合法的类样式的是（ A ）。D#A2A .Word B #Word C .2A45. 关 CSS样式表描述不正确的是（C ）精彩文档实用标准文案A.CSS样式表规则由选择器

19、和声明组成B. 选择器包括标签选择器、类别选择器和ID 选择器C. HTML中部分标签可以作为 CSS标签选择器D. 用import url （“样式表名” ）完成外部样式表的导入46. 如下所示的这段 CSS样式代码，定义的样式效果是（D ）。a:active color: #000000;A. 默认链接是 #000000 颜色B.访问过链接是 #000000 颜色C.鼠标上滚链接是 #000000 颜色D.活动链接是 #000000 颜色47. 下列对盒子模型描述不正确的是（B）A. 一个盒子由边界、边框、填充和内容区域4 个部分组成B. 盒子的填充、边框、边界和内容区域都分为上、下、右、

20、左四个方向C. CSS 定义盒子的 width 和 height 时，实际上定义的是内容区域 content 的 width 和 heightD. 盒子的宽度是内容宽度加上 padding 、 border 和 margin 。48. 以下关于 CSS+DIV布局中关于盒子模型说法错误的是（B ）A.一个盒子由 4 个独立的部分组成： Margin 、 Border 、 Padding 、BorderB. 填充、边框和边界和内容区域都分为上、下、左、右四个方向，既可以分别定义，也可以统一定义。C. 盒子的实际宽度 =左边界 +左边框 +左填充 +内容宽度（ width ） +右填充 +右边框

21、+右边界D.盒子的实际高度=上边界 +上边框 +上填充 +内容高度（ height ）+下填充 +下边框 +下边界。、多选题1. 在 CSS语言下列哪些选项是背景图像的属性（ABCD ）A. 背景重复B. 背景附件2.CSS 中的选择器包括（ BCD ）A. 超文本标记选择器B. 类选择器3.CSS文本属性中，文本对齐属性的取值有（C.纵向排列D. 背景位置C. 标签选择器 D.ID 选择器BCDE)A. auto B.justify C.center D.right E.left4. CSS 中的 BOX的 padding 属性包括的属性有（ BCDE ）A. 填充B. 上填充 C. 底填充

22、 D. 左填充 E. 右填充5. CSS 中，盒模型的属性包括（ BCD ）A.font B.margin C.padding D.visible E.border6. 下面关于 CSS的说法正确的有（ ABC ）A.CSS可以控制网页背景图片B. margin 属性的属性值可以是百分比C. 整个 BODY可以作为一个 BOXD. 对于中文可以使用 word-spacing 属性对字间距进行调整精彩文档实用标准文案E. margin 属性不能同时设置四个边的边距7. 关于 CSS的说法正确的有（ ABC ）A. CSS 可以控制网页背景颜色B. position 可以实现盒子模型精确定位C.

23、字体大小的单位可以使 cmD. 一个 BOX只能通过 float 进行定位E. Z-index 的取值不能是负数8. 关于内容、结构和表现说法正确的是（ ABD ）A.内容是页面传达信息的基础B. 表现使得内容的传达变得更加明晰和方便C. 结构就是对内容的交互及操作效果D. 内容就是网页实际要传达的信息，包括文本、图片、音乐、视频、数据、文档等。9. 关于 CSS基本语法说法正确的是（AC ）A.属性必须要包含在 号之中B. 属性和属性值之间用等号链接C. 在有多个属性时，用“； ”进行区分D. 如果一个属性有几个值，则每个属性值之间用分号分隔开10. 关于样式表的优先级说法正确的是（ ABC

24、 ）A. 直接定义在标记上的 CSS样式级别最高B. 内部样式表次之C. 外部样式表级别最低D. 当样式中属性值重复时，先设的属性起作用11. 关于 CSS样式表功能，以下说法正确的是（ABC ）A.灵活控制网页中文字大小、字体、颜色、间距风格及位置B. 可以精确的控制网页中各元素的位置C. 可以与脚本语言相结合D.以上说法都不对12. 关于边框，以下写法正确的是（ ABCD ）A.border-top-width B.border-style C.border-width D.border-color13. 以下关于 CLASS和 ID 的说法正确的是（ ABC ）A.class 的定义方法

25、是： . 类名 样式 ；B. id 的应用方法： C. class 的应用方法： D. id 和 class 只是在写法上有区别，在应用和意义上没有区别精彩文档实用标准文案14. 关于 WEB标准以下说法正确的是（ACD ）A.Web标准是一个复杂的概念集合，它由一系列标准组成 B. 这些标准全部都由 W3C起草与发布 C.Web 标准可以分为 3 个方面 D.Web标准里的表现标准语言主要包括CSS15. 以下哪个属性值属于 Float 这个属性（ ACD ）A.left B.center C.right D.none16. 在 html 文件中应用 abc.css 文件中的样式的方法有（

26、AB）A.B.importC.importD.importurl(abc.css);(abc.css);url (abc.css);17. 下面有关样式表的说法正确的是（AD ）。A.通过样式表，用户可以使用自己的设置来覆盖浏览器的常规设置B.样式表不能重用C.每个样式表只能链接到一个文档D.样式表可以用来设置字体、颜色等18. 为了给页面所有 标题创建样式规则，指定将所有的 标题显示为蓝色，字体显示为Arial的是（ AC ）。列操作正确A. h1color: blue h1font-family: Arial B. h1color: blue; fontFace: Arial C. h1c

27、olor: blue; font-family: Arial D. h1color: blue; h1fontFace: Arial19. 下面选项中（ AC）可以设置网页中某个标签的左边界为5px。A.margin:0 5px;B.margin:5px 0 0 0;C.margin:0 0 0 5px;D.padding-left:5px;精彩文档实用标准文案20. 下面关于外部样式表的说法错误的是（BC）。A 文件扩展名为 .cssB外部样式表内容以 标签开始， 标签结束C CSS属性值不可以包含汉字D使用外部样式表可以使网站更加简洁，风格保持统一三、判断题1在 CSS中， border:

28、1px 2px 3px 4px 表示设置某个 HTML元素的上边框为 1px 、右边框为 2px 、下边框为 3px、 左边框为 4px 。（错误）2在 CSS中， padding 和 margin 的值都可以为负数。 （错误）3在 CSS中，使用 / 或 用来书写一行注释。 （错误）4由于 Table 布局相比 DIV 布局缺点较多，因此在网页制作时应当完全放弃使用 Table 布局。（错误）5在 W3C规范中，每一个标签都应当闭合，使用 可以实现和段落标签 同样的效果。 （错误）6. 一个 div 可以插入多个背景图片（错误）7. 背景颜色的写法 background:#ccc 等同于 b

29、ackground-color:#ccc（ 正确 ）8. 结构表现标准语言包括 XHTML和 XML以及 HTML。（错误）9. 任何标签都可以通过加 style 属性来直接定义它的样式。 （正确）10. 同 padding 属性与 margin 属性类似， border 属性也有单侧属性， 即也可以单独定义某一个方向上的属性。 （正确）11. margin 不可以单独定义某一个方向的值。 （错误）12. Border 是 CSS的一个属性， 用它可以给能确定范围的 HTML标记，如 td 、div 添加边框。只能定义边框的样式 （style ）、 宽度 （width） 。（错误）13. CS

30、S 选择器中用户定义的类和用户定义的 ID 在使用上只有定义方式不同。 （错误）14. 对于自定义样式，其名称必须以点（ . ）开始（正确）15. 标签简单而言是一个区块容器标签。 （ 正确 ）16. position 允许用户精确定义元素框出现的相对位置。 （正确）四、简答题1. 简述 div 排版与传统的 table 排版。答：（ 1） table 内的单元格会随着表格的大小自动调整。（2）table 排版的页面也难再升级，但 div 排版可以随意调整。（ 3）利用 table 排版的页面在下载时必须等整个表格的内容都下载完毕之后才会一次性显示出来，而利用 div 块的 CSS排版的页面在

31、下载时可以分别下载，提高了页面的下载速度。（4） div+CSS 排版方式使得数据与 CSS文件完全分离，美工在修改页面时，只需要修改CSS文件就可以了，大量减少了维护量。2. 什么是 CSS？答： CSS（Cascading Style Sheet ）即层叠样式表，它用于控制网页样式并允许将样式信息与网页内容分离的精彩文档实用标准文案一种标记性语言。它以 HTML语言为基础，提供了丰富的格式化功能，字体、颜色、背景等，更好地进行页面美工设 计。3. CSS的基本语法结构及规范？答： CSS语法结构：选择器 属性：“属性值”；属性：“属性值”；属性：“属性值”； 规范：（ 1）属性必须要包含在

32、 号之内（ 2）属性和属性值之间用“： ”分隔（ 3）当有多个属性时，用“； ”进行区分（ 4）在书写属性时属性之间使用空格、换行等，并不影响属性的显示。（ 5）如果一个属性有几个值，则每个属性值之间用空格分隔开。4. 举例说明 CSS的三种使用方法？ 答（ 1）内部样式表 h1 color:redh3 color:blue（ 2）行内样式 LINK!（ 3）连接外部样式表5. 简述 CSS ID 选择器。答： ID 选择器：可以为标有特定 ID 的 HTML 元素指定特定的样式。设定在 ID 上的 css 格式为：#id 名 属性：“属性值”；属性：“属性值”；属性：“属性值”； 引用的方法

33、： 。6. 简述 CSS 类选择器。答： 类选择器：以点号开始，为标有 class 的 HTML元素指定特定的样式。直接定义 class. 类名 属性：“属性值”；属性：“属性值”；属性：“属性值”； 引用的方法： 7. 简述 CSS链接 伪类。 答：链接伪类： a:link 设置链接本来的颜色 a:visited 设置链接访问过后的颜色精彩文档实用标准文案a:hover 设置链接在鼠标悬停时的颜色a:active 设置链接被激活的颜色8. 简述选择器的优先权答：（ 1）内联样式表的权值最高； （ 2） ID 选择器的权值为（ 3）Class 类选择器的权值为 （4）HTML 标签选择器的权值

34、为9. 简述 CSS的特点。 答：（1）可以将格式和结构分离。（ 2）可以以前所未有的能力控制页面布局。（ 3）可以制作体积更小、下载更快的网页。（ 4）可以将许多网页同时更新，比以前更快更容易。（ 5）浏览器的界面更友好。10. CSS 的实现方式有几种？那种 CSS实现方式优势更突出？相对其他实现方式而言其优点有哪些？答：共有 3 种实现方式。 CSS实现方式按优先级依次是内嵌样式、内部样式表、外部样式表。使用外部样式表时，相对其他 2 种实现方式而言其优点有： （ 1）样式代码可以复用。一个外部CSS文件，可以被多个网页共用（ 2）便于修改。（3）提高了网页显示的速度。五、设计分析题1.

35、 将以下 CSS代码进行缩写，注意要符合缩写的规范。a）代码一： border-width:1px;border-color:#000;border-style:solid;b）代码二：margin-left:20px;margin-right:20px;margin-bottom:5px;margin-top:20px;c）代码三：color:#336699;color:#ffcc00;2. CSS 内部样式表要编写在页面之中，即将CSS写在（）之间，并且用（ ）标签进行声明。请完整的完成一段CSS内部样式表的编写。要求网页主体：（ 1）字体大小是 12px精彩文档实用标准文案（ 2）字体样

36、式正常（ 3）字体带下划线（ 4）字体颜色是 #ff3300 。3. 分析下列代码并画出实现的效果图。 无标题文档 #left background-color:#999; border:2px solid #333; width:300px; height:300px; float:left; （1）解释上面代码含义：#right1 background-color:#999; border:2px solid #333; width:300px; height:300px; margin-left:50px; float:left ; （2）解释上面代码含义：#right2 background-color:#999; border:2px solid #333; width:300px; height:300px; position:absolute ; left:700px; （3）解释上面代码的含义： 左列 右列 1右列 2（ 4）解释上面 标签里代码的含义：4. 编写 CSS+DIV代码完成三列固定宽度的网页结构布局，效果图及属性参数如下。（1）效果图