css+div练习题 - 360文档中心

DIV+CSS(中专)理论试题题库

33
DIV+CSS理论考试题
34
DIV+CSS理论考试题
35
DIV+CSS理论考试题
36
DIV+CSS理论考试题
37
DIV+CSS理论考试题
38
DIV+CSS理论考试题
39
DIV+CSS理论考试题
40
DIV+CSS理论考试题
41
DIV+CSS理论考试题
42
DIV+CSS理论考试题
43
DIV+CSS理论考试题
以下不属于RGB三原色的是哪三种颜色？
关于样式表的优先级说法不正确的是
不属于CSS样式文件的类型有
<body>
display:false
font-size
backgroundcaolllo.rh:1 {backgroundcolor:#FFFFFF; } texttransform:uppe rcase
哪个 HTML 标签用于定义内部样式表？
哪个 HTML 属性可用来定义内联样式？
如何在 CSS 文件中插入注释？
在CSS语言中下列哪一项是" 左边框"的语法？（）在CSS语言中下列哪一项的适用对象是"所有对象 "？（）
下列哪个css属性能够设置文本加粗？
下列哪个css属性能够更改文本字体？
p元素内的em元素为蓝色
<list> 指网页元素的位置，距离左边框和上边框的距离直接插入两个 DIV标记，会自动排在同一行
超文本标记选择器
left
红直接定义在标记上的css样式级别最高

DIV+CSS考试题

2013－2014学年度上期期中考试题一、选择题（共50小题，每题2分，共计100分）1、关于HTML标题，下列说法错误的是（）A．<h1>标题定义的标题最大 B.<h6>定义的标题最小C．<h1>~<h6>标签定义的标题，字号依次变小D．<h1>~<h6>标签定义的标题，字号依次变大2、在HTML 文档中，引用外部样式表的正确位置是？（）A：文档的末尾B：文档的顶部C：<body> 部分D：<head> 部分3、表示放在每个定义术语词之前的XHTML代码是（）A. <dl></dl>B. <dt></dt>C. <dd></dd>D. <ol></ol>4、如何在新窗口中打开链接？( )A. <a href=”#” new>B. <a href=”#” target=”_blank”>C. <a href=”#” target=”_self”></a>D. <a href=”#” target=”_blank”></a>5、选出你认为最合理的定义标题的方法( )A.<span class="heading">文章标题</span>B.<p><b>文章标题</b></p>C.<h1>文章标题</h1>D.<strong>文章标题</strong>6、下面哪一项不是段落的对齐方式？（）A、上下对齐B、居中对齐C、靠左对齐D、两边对齐7、下列CSS语法结构，完全正确的是（）A.P{font-size:12;color:#666666;}B.P{ font-size:12; color:666666;}C.P{ font-size:12px; color:#666666;}D.P{font-size:12px; color:666666;}8、CSS中ID选择符在定义的前面要有指示符（）。

HTMLCSS单选题型

HTML/CSS单选题型#father .son{ color:red;}#father p{ color:blue;}div .son{ color:yellow; }divp{ color:green;}那么，文字的颜色将显示为（） [单选题]A、红色(正确答案)B、蓝色C、黄色D、<p>绿色</p>答案解析：<p>定义CSS样式时，经常出现两个或更多规则应用在同一元素上，这时就会出现优先级的问题。

CSS为每一种基础选择器都分配了一个权重，其中，标记选择器具有权重1，类选择器具有权重10，id选择器具有权重100。

下面，计算题目中四个选择器的权重如下：</p><p>#fater #son的权重是200</p><p>#father p 的权重是101</p><p>div .son 的权重是11</p><p>div p 的权重是2</p><p>所以，文字颜色应该以权重最高的#father #son设置的样式为准，显示为红色。

</p>若超链接的href属性，需要链接到list页面中的one锚点，以下书写正确的是（） [单选题]A、list.htmlB、#one.listC、list#oneD、list.html#one(正确答案)答案解析：创建锚点链接时，应该先写链接页面再写锚点名称。

下列选项中，字号最大的是哪一项？（） [单选题]A、<h1>(正确答案)B、<h2>C、<h3>D、<h4>答案解析：HTML提供了6个等级的标题，即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>，从<h1>到<h6>字号依次递减。

DIV+CSS 实训

DIV+CSS 综合练习任务目的：1、能够描述链接的四中状态，并与4种伪类对应。

了解块状元素和内联元素的区别,理解类的继承。

2、能够使用DIV+CSS对完整页面进行布局，完成导航条的状态的设置。

3、通过小组学习培养学生团结协作能力，通过对导航条的制作培养学生在导航制作方面的创新能力。

任务重点：熟练的使用CSS完成标签<a>,以及伪类的样式定义，掌握操作步骤。

任务难点：使用CSS制作导航条步骤较多，易使学生思维混乱，理清操作步骤，掌握操作要领，有助于培养学生的创新能力，这是本节课的难点。

实施方法：小组实训、思路引导、演示实验、实施过程：一、提问复习（2分钟）在使用DIV+CSS定义连接样式的时候我们遇到了几个选择器名称，他们分别是什么含义？a:link ——未访问的链接a:visited ——已访问的链接a:hover ——当有鼠标经过悬停在链接上a:active ——被选择的链接（按下鼠标）二、展示效果、分解任务（3分钟）结合上节课已经完成的任务分析。

出示幻灯片分析。

三、分组制作。

（4分钟）1.解压素材包：将获取的本节课素材加压缩到D:\LX7下面。

2.建立好站点，站点名称LX7，站点的主文件夹为D:\LX7，站点的图片文件夹为D:\LX7\images\3.打开lx7.html文件，插入布局对象：在#menu的标签之前插入ID为#top的DIV布局对象。

#top的样式为：宽:770 px；高:90 px；左右margin：auto；背景图片images\top.png。

4.插入布局对象：在#main的标签之后插入ID为#foot的DIV布局对象。

#foot的样式为：宽:770 px；高:60 px；左右margin：auto；背景颜色：浅灰；文字居中对齐；插入版权信息文字。

四、分析任务二（2分钟）出示幻灯片，分析导航的结构。

结合PPT讲解导航的结构。

分析导航的制作过程。

四、讲解步骤（4分钟）1.光标停在导航的链接与链接之间，加入回车换行。

实训4 div+css综合运用

实训4 div+css综合运用一、背景介绍在Web开发领域，div和css是两个基础、重要的概念。

div是HTML中的一个标签，用来划分网页的结构和布局；而css是一种样式表语言，用于描述HTML文档的呈现方式。

实训4中涉及到了div 和css的综合运用，旨在帮助学习者掌握这两个技术，并且能够灵活运用于实际项目中。

二、整体评估在实训4中，学习者需要通过实际操作，完成一个包含头部、导航、内容区域和底部的网页布局。

这样的任务要求对div和css的综合运用提出了很高的要求，需要考虑到页面的整体结构、样式和布局。

在评估过程中，我发现学习者需要注意以下几点：1. 结构清晰：div标签应该按照页面的结构和布局来合理地进行划分和嵌套，以确保页面结构清晰、层次分明。

2. 样式统一：css样式应该对整个页面起到统一、协调的作用，保证整体的美观和一致性。

3. 响应式布局：在综合运用中，需要考虑到不同设备上的显示效果，保证页面能够适配不同的屏幕尺寸。

4. 创新设计：除了基本的布局要求，学习者还可以通过css的特效和动画等进行创新设计，提升页面的互动性和吸引力。

三、文章撰写在本次实训4中，我们深入学习了div和css的综合运用，从理论到实践，都有了全面的了解和掌握。

通过对div的合理划分和css的样式设置，我们可以轻松实现一个精美、完善的网页布局。

在整个过程中，我对div和css的重要性有了更深的理解。

div作为网页设计中最基础的组件，它的合理划分和嵌套对于页面的结构和布局起着至关重要的作用。

通过div的灵活运用，我们可以将页面分割成不同的模块，从而更好地呈现页面内容，提高用户的浏览体验。

css则是页面样式的设计师，通过设置各种样式属性，我们可以实现页面的美化和个性化定制。

通过css的盒子模型、浮动布局、弹性布局等特性，我们可以完美定制各种不同风格的网页布局。

在综合运用的过程中，我深刻体会到了对div和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:inlined、以上说法都不对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 、link b、import c、style 16、以下标签哪个不是空标签：(d)Ａ metab input c hr d form17、标签 p 的对齐属性是：(b) Ａ、 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、paddingb、marginc、positiond、display22.关于div以下描述正确的是（ a ）. a. div是类似于一行一列表格的虚线框b. div由行列形成的单元格构成，可执行合并拆分等操作c. 由div布局的网页结构与表现不分离d. div不要求我们严格css 支持23.关于使用css以下说法错误的是（ c ）a. 选择符：选择符表示要定义样式的对象，可以是元素本身，也可以是一类元素或者制定名称的元素.b. 选择属性：属性是指定选择符所具有的属性，它是css的核心，css2共有150多个属性。

htmlcss上机练习题

htmlcss上机练习题<html><head><style>body {font-family: Arial, sans-serif;line-height: 1.5;}h1 {text-align: center;margin-top: 50px;}h2 {margin-top: 30px;}p {text-indent: 2em;}ol {padding-left: 2em;margin-top: 30px;}li {margin-bottom: 10px;}code {background-color: lightgray;padding: 2px 5px;}</style></head><body><h1>HTML和CSS上机练习题</h1><p>在本文中，我们将介绍一些HTML和CSS的上机练习题以帮助你巩固所学的知识。

这些练习题包括HTML标签的使用、CSS样式的应用和简单的页面布局。

</p><h2>题目一：HTML标签的使用</h2><p>请使用合适的HTML标签来实现以下要求：</p><ol><li>创建一个包含标题和段落的HTML文档</li><li>在标题中使用<h1>标签，并在段落中添加一些文本</li> <li>在文档中插入一个图片</li><li>创建一个具有强调效果的文本</li></ol><h2>题目二：CSS样式的应用</h2><p>请根据以下要求使用CSS样式来美化页面：</p><ol><li>更改文本的字体、大小和颜色</li><li>为图片添加边框和阴影效果</li><li>设置段落的背景色和文字对齐方式</li><li>使用外部CSS文件引用样式表</li></ol><h2>题目三：简单页面布局</h2><p>请根据以下要求创建一个简单的页面布局：</p><ol><li>使用<div>标签将页面划分为多个区域</li><li>使用CSS样式设置区域的宽度、高度和背景颜色</li><li>使用CSS样式设置文本在区域内的对齐方式</li><li>在页面中添加一个导航栏和页脚</li></ol><p>通过完成以上练习题，你将能够更好地熟悉HTML和CSS的使用，并且加深对它们的理解。

css的练习题

css的练习题CSS（层叠样式表）是用于描述网页样式和布局的语言，通过CSS我们可以美化网页、改变元素的样式以及实现响应式布局等功能。

为了巩固和提高对CSS的理解和应用能力，以下是一些CSS练习题，希望能够帮助你进一步掌握CSS的技巧和知识。

练习题一：改变文本样式1. 创建一个HTML文件，并在里面添加一个段落元素。

2. 使用CSS将段落的字体颜色设置为红色。

3. 将段落的字体大小设置为18像素。

4. 将段落的文字设置为加粗。

5. 将段落的文字居中对齐。

练习题二：调整背景和边框样式1. 创建一个HTML文件，并在里面添加一个div元素。

2. 使用CSS将div的背景色设置为蓝色。

3. 将div的边框样式设置为实线，颜色为红色，边框宽度为2像素。

4. 将div的内边距设置为10像素。

5. 设置div的外边距为20像素。

练习题三：列表样式1. 创建一个HTML文件，并在里面添加一个无序列表。

2. 使用CSS将无序列表的项目符号改为实心圆。

3. 将无序列表的项目文本颜色设置为绿色。

4. 将无序列表的项目文本字体大小设置为14像素。

5. 将无序列表的项目文本添加下划线。

练习题四：盒模型调整1. 创建一个HTML文件，并在里面添加一个div元素。

2. 使用CSS将div的宽度设置为300像素，高度设置为150像素。

3. 将div的内边距设置为20像素。

4. 将div的边框样式设置为虚线，颜色为灰色，边框宽度为1像素。

5. 设置div的外边距为30像素。

练习题五：浮动与定位1. 创建一个HTML文件，并在里面添加两个div元素。

2. 使用CSS将第一个div的宽度设置为200像素，高度设置为200像素，并让其浮动到左侧。

3. 使用CSS将第二个div的宽度设置为400像素，高度设置为200像素。

4. 使用CSS将第二个div的定位方式设置为相对定位，并将其上移30像素、左移50像素。

5. 使用CSS将第二个div的背景色设置为黄色。

网页设计练习题

网页设计练习题1、下面的选项中， CSS样式规则的具体格式正确的是（）。

A、选择器{属性1:属性值1属性2:属性值2 属性3:属性值3}B、选择器{属性1:属性值1, 属性2:属性值2, 属性3:属性值3}C、选择器{属性1:属性值1属性2:属性值2属性3:属性值3}D、选择器{属性1:属性值1 属性2:属性值2 属性3:属性值3}答案：C2、在CSS中，用于设置首行文本缩进的属性是（）。

A、text-decorationB、text-alignC、text-transformD、text-indent答案：D3、<'div>标记是网页布局中最常用的标记，其显示类型为（）。

A、块级类型B、行内块类型C、行内类型D、浮动类型答案：A4、网页中的图像文件位于html文件的下一级文件夹img下，则以下CSS 书写正确的是（）。

A%、<'img src="logo.gif" />B、<'img src="img\logo.gif" />C、<'img src="img/logo.gif" />D、<'img src="img/logo" />"答案：C5、在Dreamweaver中，使用次浏览器预览网页的快捷键是（）。

A、Ctrl+SB、F12C、F5D、Ctrl+F12答案：D6、text-transform属性用于控制英文字符的大小写。

下列选项中，不属于其属性值的是（）。

A、line-throughB、lowercaseC、capitalizeD、uppercase答案：A7、下列标记中，用于定义HTML5文档所要显示内容的是（）。

A、<'head><'/head>B、<'body><'/body>C、<'html><'/html>D、<'title><'/title>答案：B8、在HTML中，表示内嵌CSS样式的标记是（）。

[2021下]DIV+CSS网页布局_试卷_A卷

阳光学院2021-2022学年第一学期考试A 卷课程名称 DIV+CSS 网页布局（闭卷）年级专业 2019级电子商务考试日期学生姓名学号班级题号一二三四五六总分累分人题分 1010 20 20 2416100 得分考生注意事项：1.本试卷共 7 页，请查看试卷中是否有缺页。

2.考试结束后，考生不得将试卷、答题纸和草稿纸带出考场。

教师注意事项：请按照阳光学院试卷评阅要求操作。

一、判断题（共10分，每小题1分）在括号内填写判断结果√或×。

请把答案抄在下面的表格里，否则本题将不得分。

题号 1 2 3 4 5 6 7 8 9 10 答案1．Html5中，<video></video>标签是在网页中插入视频文件的标准方法。

------------------------------------------------------------------------------------（） 2．html5中，标签和属性都推荐使用小写字母表示。

--------------（） 3．通用选择符指定DOM 模型中所有类型的单个对象，用*表示。

---- （） 4．<li>标签是行内元素。

-------------------------------------------------（） 5．固定定位即绝对定位。

-------------------------------------------------（） 6．<span>标签是可以看做是一个容器，具有内容结构方面的意义。

------------------------------------------------------------------------------------（） 7．正常情况下，为了丰富网页的视觉效果，可以在网页中使用多种字体来编辑网页文本内容。

WEB开发练习题

WEB开发练习题一、单选题1、CSS中ID选择符在定义的前面要有指示符（ D ）。

A．* B．. C．! D． #2、下面哪一项是换行符标签？（???C ）A．<body>?????????? B．<font>????? ?????? C．<br>?????????????? D．<p> 3、根据以下的HTML代码片段：…<Head><style type ="text/css">body{color:blue; background:dimgray; font-family:arial;}ul{color:red}</style></head><body><ul><l1>芒果<l2>橘子</ul><ol><l1>苹果<l2>提子</ol></body>…以下正确的是（D）。

A．在样式表中隐式声明了ol选择器B．该段中ol列表从ul中继承属性C．“苹果”和“提子”的字体颜色是红色D．Ul选择器将覆盖body选择器的说明4、在网页中，必须使用（A ）标记来完成超级链接。

A．<a>…</a> B．<p>…</p> C．<link>…</link>D．<li>…</li>5、下列代码段是某页面的样式设置：<style TYPE="text/css">.blue { color:blue }.red { color:red }</style>现要求将页面中的第一个H1标题设置为红色，第一个段落设置为蓝色。

下列代码正确的是（C）。

A． <H1 id="red">第一个标题<H1><P id="blue">第一个段落B． <H1 color:red>第一个标题<H1><P color:blue>第一个段落C． <H1 class="red">第一个标题<H1><P class="blue">第一个段落D． <H2 class="red">第一个标题<H2><H1>第一个标题<H1><P class="blue">第一个段落6、下列说法错误的是（C ）。

HTML+CSS+Div测试题

《网页设计》练习题集一、单项选择题1. 在HTML中，标记<pre>的作用是(B )。

A.标题标记 B．预排版标记 C.转行标记 D．文字效果标记2．在CSS中使用背景图片需要使用参数（ B ）A．image B．urlC．style D．embed3．在CSS的文本属性中，文本修饰的取值text-decoration：overline表示（C ）A．不用修饰B．下划线C．上划线D．横线从字中间穿过4．在CSS的文本属性中，文本修饰的取值text-decoration：underline表示（ B）A．不用修饰B．下划线C．上划线D．横线从字中间穿过5.下面哪一个属性不是文本的标签属性？（ A ）A．nbsp; B．align C．color D．face6．在CSS的文本属性中，文本修饰的取值text-decoration：line-through表示（D）A．不用修饰B．下划线C．上划线D．横线从字中间穿过7．外部式样式单文件的扩展名为（ D ）A．.js B．.dom C．.htm D．.css8. 超级链接是一种( A )的关系。

A. 一对一B. 一对多C. 多对一 D. 多对多9. 关于文本对齐，源代码设置不正确的一项是：（ A ）A．居中对齐：<div align="middle">…</div>B．居右对齐：<div align="right">…</div>C．居左对齐：<div align="left">…</div>D．两端对齐：<div align="justify">…</div>11.为了标识一个HTML文件应该使用的HTML标记是( C )A.<p> </p>B.<boby> </body>C.<html> </html>D.<table> </table>12.下面哪一项是换行符标签？（ C ）A．<body> B．<font> C．<br> D．<p> 13.下列哪一项是在新窗口中打开网页文档。

DIV+CSS题库

DIV+CSS理论题库一、单项选择题1、CSS是利用什么XHTML标记构建网页布局？（B）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. 选出你认为最合理的定义标题的方法( C )A. <span class=”heading”>文章标题</span>B. <p><b>文章标题</b></p>C. <h1>文章标题</h1>D. <strong>文章标题</strong>4、在CSS语言中下列哪一项的适用对象是"所有对象"？（A）A背景附件B文本排列C纵向排列D文本缩进5、下列选项中不属于CSS 文本属性的是（ D）A．font-size B．text-transformC．text-align D．line-heightBCCAD6、在CSS 中不属于添加在当前页面的形式是（D）A．内联式样式表 B．嵌入式样式表C．层叠式样式表 D．链接式样式表7、在CSS语言中下列哪一项是"列表样式图象"的语法？（ D）A、width: <值>B、height: <值>C、white-space: <值>D、list-style-image: <值>8. 下列哪个样式定义后,可以使文字居中( B )A. display:inlineB. text-align:centerC. overflow:hidden;D. float: center9、下列哪一项是css正确的语法构成？（）A、body:color=blackB、{body;color:black}C、body {color: black;}D.、{body:color=black(body}10、下面哪个CSS属性是用来更改背景颜色的？AA.background-color:B.bgcolor:11、怎样给所有的<h1>标签添加背景颜色?（B）A、.h1 {background-color:#FFFFFF}B、h1 {background-color:#FFFFFF;}C、h1.all {background-color:#FFFFFF}D、#h1 {background-color:#FFFFFF}12. 不换行必须设置( C )A.word-breakB.letter-spacingC.white-spaceD.word-spacing13.下列哪个css属性可以更改样式表的字体颜色？DA.text-color=B.fgcolor:C.text-color:D.color:14、下列哪个css属性可以更改字体大小？BA.text-sizeB.font-sizeC.text-styleD.font-style15、下列哪段代码能够定义所有P标签内文字加粗？（）A.<p style="text-size:bold">B.<p style="font-size:bold">C.p {text-size:bold}D.p {font-weight:bold}BCDBD16、如何去掉文本超级链接的下划线？DA.a {text-decoration:no underline}B.a {underline:none}C.a {decoration:no underline}D.a {text-decoration:none}17、如何设置英文首字母大写？ BA.text-transform:uppercaseB.text-transform:capitalizeC.样式表做不到D、text-decoration:none18. br标签在XHTML中语义为( A )A.换行B.强调C.段落D.标题19、下列哪个css属性能够更改文本字体？ CA.f:B.font=C.font-family:D、text-decoration:none20.下列哪个css属性能够设置文本加粗？AA.font-weight:boldB.style:bold21.下列哪个css属性能够设置盒模型的内补丁为10、20、30、40（顺时针方向）？AA.padding:10px 20px 30px 40pxB.padding:10px 1pxC.padding:5px 20px 10pxD.padding:10px22.下列哪个属性能够设置盒模型的左侧外补丁？ CA.margin:B.indent:C.margin-left:D.text-indent:23.定义盒模型外补丁的时候是否可以使用负值? AA.是B.否24、如何能够定义列表的项目符号为实心矩形？ DA.list-type: squareB.type: 2C.type: squareD.list-style-type: square25. 在使用div定义宽度时，有时候表现出来的会比自己实际设置的宽度要宽，下面哪些属性值会产生这种影响( B )A. cellpadding=”10px″B. padding:10pxC. margin:10pxD. cellspacing=”10px″ACADB1、请问以下哪项为网站首页默认的名称？（A）A、index或defaultB、index或aboutC、news 或defaultD、index 或 first2、Dreamweaver 不提供哪种服务器技术？（ D ）A、ASP JavascriptB、C、JSPD、CGI3、Dreamweaver MX 2004的查找和替换功能不能实现以下哪个操作？（ C ）A、修改网页中的错字B、将网页中的某个单词改为另一个单词C、一次性将网页中所有的大写字母变为小写字母D、部分修改网页中的某个词4、如果需要为网页制作动画横幅图像，应该使用哪种格式？（ B ）A、JPEGB、GIFC、TIFD、PNG5、以下哪个不是表格的自动化应用？（ D ）A、导入表格式数据B、格式化表格C、自动排序表格D、导入数据答案：ADCBD1、Dreamweaver MX 2004没有提供以下哪种网页设计视图？（B）A、代码视图B、浏览视图C、设计视图D、拆分视图2、下面哪一项不是段落的对齐方式？（ A ）3、要插入HTML源代码<BR>，需要使用___C____按键。

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练习题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题库（含答案） tip:<为<单选题1．页⾯上的div标签，其HTML结构如下：<div id="father"><p class="son" id="son">传智播客</p></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代码为<div id="box" style="color:red">⽂字</div>，为其设置CSS样式如下：#box{color:blue;}那么，⽂字的颜⾊将显⽰为 ( B? )A、红⾊B、蓝⾊C、⿊⾊D、以上选项都不正确6．使⽤CSS时，需要遵从⼀定的规范。

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+div题库完整

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=".w3schools.">W3Schools.</a>B) <a>.w3schools.</a>C) <a href=".w3schools.">W3Schools</a>D) <a>.w3schools.</a>●知识点：超样式●题型：单选●难易程度：中等●答案：C9.如何制作电子？A) <a href="xxxyyy">B) <mail href="xxxyyy">C) <a href="mailto:xxxyyy">D) <mail>xxxyyy</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.如何产生带有数字列表符号的列表？A) <ul>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中哪个可以产生下拉列表？A) <list>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="image.gif>B) <image src="image.gif">C) <img src="image.gif">D) <img>image.gif</img>●知识点：图像域样式●题型：单选●难易程度：中等●答案：C20.下列的HTML中哪个可以插入背景图像？A) <body background="background.gif">B) <background img="background.gif">C) <img src="background.gif" background>D) ' this is a comment●知识点：图像样式●题型：单选●难易程度：中等●答案：A21.以下的HTML中，哪个是正确引用外部样式表的方法？A) <style src="mystyle.css">B) <link rel="stylesheet" type="text/css" href="mystyle.css">C) <stylesheet>mystyle.css</stylesheet>●知识点：CSS基础●题型：单选●难易程度：简单●答案：B22.在HTML文档中，引用外部样式表的正确位置是？A) 文档的末尾B) <head>部分C) 文档的顶部D) <body>部分●知识点：CSS基础●题型：单选●难易程度：简单●答案：B23.哪个HTML标签可用来定义部样式表？A) <style>B) <script>C) <css>●知识点：CSS基础●题型：单选●难易程度：简单●答案：A24.哪个HTML属性可用来定义联样式？A) fontB) classC) 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) // this is a commentB) // this is a comment //C) /* this is a comment */D) ' this is a comment●知识点：CSS基础●题型：单选●难易程度：简单●答案：C27.CSS哪个属性可用来改变背景颜色？A) bgcolor:B) color:C) background-color:●知识点：CSS属性●题型：单选●难易程度：中等●答案：C28.如何为所有的<h1>元素添加背景颜色？A) h1.all {background-color:#FFFFFF}B) h1 {background-color:#FFFFFF}C) all.h1 {background-color:#FFFFFF}●知识点：CSS属性●题型：单选●难易程度：中等●答案：C29.CSS如何改变某个元素的文本颜色？A) text-color:B) color:C) fgcolor:D) text-color=●知识点：CSS属性●题型：单选●难易程度：中等●答案：B30.哪个CSS属性可控制文本的尺寸？A) font-sizeB) text-styleC) font-styleD) text-size●知识点：CSS属性●题型：单选●难易程度：中等●答案：A31.以下的CSS中，可使所有<p>元素变为粗体的正确语法是?A) <p style="font-size:bold">B) <p style="text-size:bold">C) p {font-weight:bold}D) p {text-size:bold}●知识点：CSS属性●题型：单选●难易程度：困难●答案：C32.如何显示没有下划线的超？A) a {text-decoration:none}B) a {text-decoration:no underline}C) a {underline:none}D) a {decoration:no underline}●知识点：CSS属性●题型：单选●难易程度：困难●答案：A33.如何使文本以大写字母开头？A) text-transform:capitalizeB) 无法通过CSS来完成C) text-transform:uppercase●知识点：CSS属性●题型：单选●难易程度：困难●答案：A34.css如何改变元素的字体？A) font=B) f:C) font-family:●知识点：CSS属性●题型：单选●难易程度：困难●答案：C35.如何改变元素的左边距？A) text-indent:B) margin-left:C) margin:D) indent:●知识点：CSS属性●题型：单选●难易程度：困难●答案：B36.如何产生带有正方形的项目的列表？A) list-type: squareB) list-style-type: squareC) type: squareD) type: 2●知识点：CSS属性●题型：单选●难易程度：困难●答案：B37.CSS是利用什么XHTML标记构建网页布局？（）A<dir>B<div>C<dis>D<dif>●知识点：CSS布局●题型：单选●难易程度：中等●答案：B38.在CSS语言中下列哪一项是"左边框"的语法？（）A、border-left-width: <值>B、border-top-width: <值>C、border-left: <值>D、border-top-width: <值>●知识点：CSS属性●题型：单选●难易程度：中等●答案：C39.在CSS语言中下列哪一项的适用对象是"所有对象"？（）A背景附件B文本排列C纵向排列D文本缩进●知识点：CSS样式●题型：单选●难易程度：中等●答案：A40.下列选项中不属于CSS 文本属性的是（）A．font-sizeB．text-transformC．text-alignD．line-height●知识点：CSS样式●题型：单选●难易程度：中等●答案：D41.在CSS 中不属于添加在当前页面的形式是（）A．联式样式表B．嵌入式样式表C．层叠式样式表D．式样式表●知识点：CSS样式●题型：单选●难易程度：中等●答案：D42.在CSS语言中下列哪一项是"列表样式图象"的语法？（）A、width: <值>B、height: <值>C、white-space: <值>D、list-style-image: <值>●知识点：CSS样式●题型：单选●难易程度：中等●答案：D43.下列哪一项是css正确的语法构成？（）A、body:color=blackB、{body;color:black}C、body {color: black;}D、{body:color=black(body}●知识点：CSS样式●题型：单选●难易程度：中等●答案：C44.下面哪个CSS属性是用来更改背景颜色的？A.background-color:B.bgcolor:C.color:D、text:●知识点：CSS样式●题型：单选●难易程度：中等●答案：A45.怎样给所有的<h1>标签添加背景颜色?（）A、.h1 {background-color:#FFFFFF}B、h1 {background-color:#FFFFFF;}C、h1.all {background-color:#FFFFFF}D、#h1 {background-color:#FFFFFF}●知识点：CSS样式●题型：单选●难易程度：中等●答案：B46.下列哪个css属性可以更改样式表的字体颜色？A.text-color=B.fgcolor:C.text-color:D.color:●知识点：CSS样式●题型：单选●难易程度：中等●答案：D47.下列哪个css属性可以更改字体大小？A.text-sizeB.font-sizeC.text-styleD.font-style●知识点：CSS样式●题型：单选●难易程度：中等●答案：B48.下列哪段代码能够定义所有P标签文字加粗？（）A.<p style="text-size:bold">B.<p style="font-size:bold">C.p {text-size:bold}D.p {font-weight:bold}●知识点：CSS样式●题型：单选●难易程度：中等●答案：D49.如何去掉文本超级的下划线？A.a {text-decoration:no underline}B.a {underline:none}C.a {decoration:no underline}D.a {text-decoration:none}●知识点：CSS样式●题型：单选●难易程度：中等●答案：D50.如何设置英文首字母大写？A.text-transform:uppercaseB.text-transform:capitalizeC.样式表做不到D、text-decoration:none●知识点：CSS样式●题型：单选●难易程度：中等●答案：B51.下列哪个css属性能够更改文本字体？A.f:B.font=C.font-family:D、text-decoration:none●知识点：CSS样式●题型：单选●难易程度：中等●答案：C52.下列哪个css属性能够设置文本加粗？A.font-weight:boldB.style:boldC.font:bD.font=●知识点：CSS样式●题型：单选●难易程度：困难●答案：A53.下列哪个css属性能够设置盒模型的补丁为10、20、30、40（顺时针方向）？A.padding:10px 20px 30px 40pxB.padding:10px 1pxC.padding:5px 20px 10pxD.padding:10px●知识点：CSS样式●题型：单选●难易程度：困难●答案：A54.下列哪个属性能够设置盒模型的左侧外补丁？A.margin:B.indent:C.margin-left:D.text-indent:●知识点：CSS盒模型●题型：单选●难易程度：困难●答案：C55.定义盒模型外补丁的时候是否可以使用负值?A.是B.否●知识点：CSS盒模型●题型：单选●难易程度：困难●答案：A56.如何能够定义列表的项目符号为实心矩形？A.list-type: squareB.type: 2C.type: squareD.list-style-type: square●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：D57.在CSS语言中下列哪些选项是背景图像的属性（）A背景重复B背景附件C纵向排列D背景位置●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：ABCD58.CSS 中的选择器包括（）A．超文本标记选择器B．类选择器C．标签选择器D．ID 选择器●知识点：CSS选择器●题型：多选●难易程度：简单●答案：BCD59.CSS文本属性中，文本对齐属性的取值有（）A．autoB．justifyC．centerD．rightE．left●知识点：CSS文本属性●题型：多选●难易程度：困难●答案：BCDE60.CSS中BOX的padding属性包括的属性有（）A．填充B．上填充C．底填充D．左填充E．右填充●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：BCDE61.CSS中，盒模型的属性包括（）A. fontB. marginC. paddingD. visibleE. border●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：BCE62.下面关于CSS的说确的有( )A. CSS可以控制网页背景图片B. margin属性的属性值可以是百分比C. 整个BODY可以作为一个BOXD. 对于中文可以使用word-spacing属性对字间距进行调整E. margin属性不能同时设置四个边的边距●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：ABC63.下面关于CSS的说确的有( )A、CSS可以控制网页背景图片B、margin属性的属性值可以是百分比C、字体大小的单位可以是emD、1em等于18像素●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：ABC64.边框的样式可以包含的值包括：A、粗细B、颜色C、样式D、长短●知识点：CSS盒模型●题型：多选●难易程度：困难●答案：ABC65.下列关于网页元素overflow的说法，正确的是A．指网页元素的位置，距离左边框和上边框的距离B．指网页元素的位置，距离右边框和下边框的距离C．指网页元素的定位方式，可以取值中包括absoluteD．指网页元素的容溢出时，是否显示多余的容●知识点：CSS盒模型●题型：单选●难易程度：困难●答案：D66.如果将想将两个层排列在同一行中，下列描述不能实现的是（）A．直接插入两个DIV标记，会自动排在同一行B．指定DIV的position属性为absolute，然后将层位置拖放到同一行中C．指定DIV标记的宽，并且指定其浮动方式，当层宽度之和小于外层元素宽度时，会排在同一行D．使用一个表格，将两个层分别放入一行中的两个单元格●知识点：CSS盒模型●题型：单选●难易程度：困难●答案：A67.下列关于元素在网页中的叠放顺序描述，不正确的是（）A．使用CSS属性z-index来实现叠放顺序B．属性的取值越大，表示放置的层次越高C．属性取值可以为负整数D．可以叠放，但叠放顺序不能指定，将由计算机随机产生●知识点：CSS盒模型●题型：单选●难易程度：困难●答案：D68.在HTML页面中，CSS样式的属性名为background-image对应的style对象的属性名是（）。

DIV+Css总结

1.以下是下划线的效果<style>p.one {text-decoration:underline;} /* 下划线效果*/p.two {text-decoration:overline; }/* 顶划线*/p.three {text-decoration:line-through;} /* 中间划线*/p.four {text-decoration:blink;}/*闪烁，只在firefox中可以。

*/p.five{ text-decoration:underline overline line-through; }/* 三种同时,有几种就用空格隔开*/</style>2. 英文字母大小写的方式<style>font-family:Arial, Helvetica, sans-serif; /* 字体*/letter-spacing:-2px; /* 字母间距*/</style>3. vertical-align的用法！vertical-align只作用于在同一行内的元素vertical-align声明在很多中文文档中解释是“决定元素在垂直位置的显示”，它有下面几个参数baseline | sub | super | top | text-top | middle | bottom | text-bottom |baseline：与元素的基线对齐。

middle：与元素中部对齐。

sub：字下沉。

super：字上升。