CSS试题
css考试题和答案
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中，用于设置文本字体的属性是 ________。
css基础题目
css基础题目含解答共20道1. 什么是CSS？答案：CSS（层叠样式表）是一种用于描述文档样式（如字体、颜色、间距等）的样式表语言。
2. 解释一下CSS 盒模型。
答案：CSS 盒模型由内容区域、内边距、边框和外边距组成。
这些部分共同形成一个盒子，影响元素在页面上的布局和样式。
3. CSS 中的选择器有哪些？答案：常见的选择器有类选择器（.class）、ID选择器（#id）、元素选择器（element）、后代选择器（ancestor descendant）、子元素选择器（parent > child）、伪类选择器（:hover、:nth-child() 等）等。
4. 如何居中一个元素？答案：-水平居中：使用`margin: 0 auto;` 或`text-align: center;`。
-垂直居中：使用`display: flex; align-items: center;` 或`position: absolute; top: 50%; transform: translateY(-50%);`。
5. 什么是BFC（块级格式化上下文）？答案：BFC 是一个独立的渲染区域，规定了内部的块级盒子如何布局，并与外部毫不相干。
它可以解决一些布局问题，如清除浮动、防止边距折叠等。
6. CSS 中`em` 和`rem` 的区别是什么？答案：`em` 是相对于父元素的字体大小，而`rem` 是相对于根元素（html 元素）的字体大小。
7. 如何隐藏一个元素？答案：使用`display: none;` 或`visibility: hidden;` 来隐藏元素。
8. CSS 中的`position` 属性有哪些值，它们分别是什么意思？答案：常见的`position` 值有static、relative、absolute、fixed 和sticky。
它们分别表示元素的定位方式，例如static 表示静态定位，元素出现在正常的文档流中。
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、Dreamweaver 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、Telnet8、控制当访问者将鼠标指针移动到指定的图片时，下列哪个显示指定层上图片的行为？（）A、onMouseOverB、onMouseOutC、onMouseUprD、onMouseDown9、以下哪个不是行为的应用？（）A、控制层显示与隐藏B、拖动图片C、制作弹出菜单D、添加动态图片10、在Dreamweaver中，打开文件面板的快捷键是（）A、F5B、F6C、F7D、F8ADADD11、定义站点时，存放网页的文件夹默认为_________。
css测试题
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. 错(正确答案)子选择器中的样式只对子元素有效，对孙子以下的后代元素无效。
(完整word版)CSS复习题
CSS样式复习一、判断对错二、填空1.CSS（Cascading Style Sheets）是层叠样式表的缩写”层叠"就是将显示样式独立于显示的内容，进行分类管理.2.Css样式上下文选择符定义嵌套标记的样式.3.层叠样式表的英文缩写是CSS（t）4.选择器是指要引用样式的对象,它可以是一个或多个HTML标记（各个标记之间以逗号分开），也可以是类选择符、ID选择符或属性选择符等。
5.css样式定义中可以加入注解，格式为：/＊字符串*/6.CSS样式表定义的基本语法为：选择器｛样式属性名称：属性值；样式属性名称：属性值；}7.外部样式表文件将样式表定义为一个独立的CSS样式文件，使用该样式表的HTML文件在头部用〈link〉标记链接到这个CSS样式文件，优先级低。
8.内嵌样式表利用<style〉标记将样式表嵌入HTML文件的头部.优先级高于外部样式文件，低于行内样式表。
9.行内样式表在HTML元素内部使用style属性定义样式表，行内样式表具有最高优先级。
10.引用样式表在一个样式表内部使用＠import语句引用其它样式表文件。
11.标签（标记）选择器又称HTML元素选择器或类型选择器,是CSS中最基本的选择器，为HTML网页上所有使用了这个标记的内容应用样式.12.类别选择器同时为多个标签（标记）设置相同的样式,在CSS中定义类别选择器的样式，类别选择器名称前面是“。
”点号。
在HTML元素标记中使用class属性，属性值等于CSS类名称。
13.Id选择器每一个HTML元素都可以指定一个标准的id属性的属性值，这个属性值用来唯一标识一个HTML元素。
14.对HTML元素定义一个id属性并定义属性值；CSS样式中引用id属性值且前缀是#号.15.通配符选择器用*号作为选择符,表示对页面上所有元素应用样式。
16.属性选择器直接对拥有特定属性的HTML元素应用样式，定义属性选择器时,属性名称用中括弧括起来。
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的背景色设置为黄色。
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样式》习题
一、选择题1．CSS 是（C）的缩写。
A． Colorful Style SheetsB． Computer Style SheetsC． CascadingStyle SheetsD． Creative Style Sheets2．引用外面款式表的格式是（B）。
A． <style src="mystyle.css">B． <link rel="stylesheet" type="text/css" href="mystyle.css"> C． <stylesheet>mystyle.css</stylesheet>3．引用外面款式表的元素应该放在（C）。
A． HTML 文档的开始的地址B． HTML 文档的结束的地址C．在 head元素中D．在 body 元素中4．内部款式表的元素是（A）。
A． <style>B． <css>C． <script>5．元素中定义款式表的属性名是（A）。
A． styleB． classC． stylesD． font6．以下（C）是定义款式表的正确格式。
A． { body:color=black(body}B． body:color=blackC． body {color: black}D． { body;color:black}7．以下（A）是定义款式表中的说明语句。
A． /* 说明语句*/B． // 说明语句C． // 说明语句//D．‘说明语句8．若是要在不相同的网页中应用相同的款式表定义，应该（C）。
A．直接在 HTML 的元素中定义款式表B．在 HTML 的 <head>标记中定义款式表C．经过一个外面款式表文件定义款式表D．以上都可以9．款式表定义#title {color:red}表示（B）。
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如何与其他技术结合使用？
请回答上述问题，并对每个答案进行简要的解释。
web编程技术： CSS习题与答案
一、单选题1、CSS是层叠样式表，它主要关注网页的（）。
A. 内容B. 内容及表示形式C. 都不是D. 表示形式正确答案：D2、下列不属于CSS的引入方式的是（）。
A. 内嵌式引入B. 行间引入C. 行内引入D. 链接式引入正确答案：B3、下列选项中不属于CSS中font-size的合法单位的是（）。
A. middleB. %C. pxD. em正确答案：A4、如果想让一幅背景图片在水平方向上重复显示，则可使用background-repeat属性的（）值实现。
A. repeat-yB. repeatC. no-repeatD. repeat-x正确答案：D5、div和span作用类似，都可以加入CSS修饰的属性，但两者的区别是（）。
A. 两者都能修饰块元素B. div是行内元素，只能修饰一行内的少量元素；span是块元素，可以修饰整块内容C. div是块元素，可以修饰整块内容；span是行内元素，只能修饰一行内的少量元素D. 以上都不对正确答案：C6、CSS盒模型主要思想是每个元素的布局由四部分组成，这四部分不包括（）。
A. paddingB. borderC. divD. margin正确答案：C7、元素浮动时经常要使用width属性，该属性对（）有效。
A. 块元素B. 行内元素C. 块元素和img元素D. 行内元素和img元素正确答案：C8、有下列列表元素：<ul><li>主页</li><li>组织机构</li><li>人才培养</li><li>信息服务</li></ul>要使这些列表元素显示为行内元素，则需要使用（）。
A. z-index : -1B. float : noneC. display : inlineD. visibility : visible正确答案：C9、下列哪项不属于float属性的合法值（）？A. rightB. leftC. noneD. center正确答案：D10、关于类选择器和ID选择器优先级的说法正确的是（）。
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试题
一、单项选择题（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二、填空2、改变元素的外边距用margin，改变元素的内填充用padding。
CSS试题
CSS一、单选题6.下面哪个CSS属性是用来改变背景颜色的（）A.background-color:B.bgcolor:C.color:D.text:5．在CSS的文本属性中，文本修饰的取值text-decoration：overline表示（）A．不用修饰B．下划线C．上划线D．横线从字中间穿过6．在CSS的文本属性中，文本修饰的取值text-decoration：underline表示（）A．不用修饰B．下划线C．上划线D．横线从字中间穿过7．在CSS的文本属性中，文本修饰的取值text-decoration：line-through表示（）A．不用修饰B．下划线C．上划线D．横线从字中间穿过8．外部式样式单文件的扩展名为（）A．.js B．.domC．.htm D．.css48．在CSS中要使文本闪烁，text-decoration属性的取值应该是（）A．none B．underlineC．blink D．overline28.下面不属于CSS插入形式的是( )A.索引式B.内联式C.嵌入式D.外部式38．CSS样式表不可能实现( )功能。
A．将格式和结构分离B．一个CSS文件控制多个网页C. 控制图片的精确位置D．兼容所有的浏览器61．若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体为”Arial”,字体大小为9pt,行间距为13.5pt,以下定义方法中，正确的是（）。
A．<Style> .myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt} </style>B．.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}C．<Style> .myText{FontName:Arial;FontSize:9pt;LineHeight:13.5pt}</style>D．<Style> . .myText{FontName:Arial;Font-ize:9pt;Line-eight:13.5pt}</style>16.如下所示的这段CSS 样式代码，定义的样式效果是（D ）。
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试题及答案css试题及答案 1.常用的块属性标签及特征有哪些？常用块标签：Divh1~h6olullidltdddtabletrthtdpbrform块标签特征：独占一行，换行显示，可以设置宽高，块可以套块和行 2.常用的行内属性标签及特征有哪些？行标签：spanaimgvaremstrongtextareaselectoptioninput行标签特征：在行内显示，内容撑开宽高，不可以设置宽高（img,input除外），行只能套行标签 3.SEO重视的标签有哪些? 4.HTML静态页面出现中文乱码如何解决？在head 里加入并且保存文件时编码格式也选择utf-8编码 5.下列标签既是行内属性标签又可以设宽高的标签是？(CD)A.varB.tableC.inputD.imgE.form 6.css选择器有几种，及各自的书写方式？（举例说明）ID选择器，举例：#div1{}类选择器，举例：.div1{}标签选择器，举例：div{}后代选择器，举例：.div1p{}群组选择器，举例：#div1,.div2,.div3p,#div4ulli{} 7.简单说说你对“盒模型”这个概念的理解，以及它都涉及到哪些css属性？在css布局中，每一个html元素在浏览器中的解析都可以被看作一个盒子，拥有盒子一样的外形和平面空间它由margin、border、padding、content四部分组成涉及到的CSS属性有：margin、border、padding、display 8.div1里依次有div2和div3两个同级元素，div2高20px,margin-bottom：30px；div3高50px，margin-top：20px；那么div1的.高度是多少？20px+50px+30px=100px 本题考点：margin横向上是相加，但在竖向上却会产生叠加的现象,并会取上下间距的其大者生效9.A标签的伪类有哪些，都是什么意思，及书写顺序？link：有链接属性时visited：链接地址已被访问过hover：鼠标悬停在上面active：被用户激活时书写顺序：lvha(lovehate) 10.有一个div宽是1000px，如何让它在浏览器里达到居中，并且左右自适应？div{width:1000px;margin:0auto;}11.常用的调试工具有哪些？谷歌的审查元素、火狐的firebug、IE开发者工具F12等12.分别说出float对块属性及行内属性标签的影响是什么？对块属性标签的影响：可以使块属性元素并排排列，在没有设置宽高的情况下浮动后，内容撑开宽度高度对行属性标签的影响：float之后能设置width和height属性，并支持margin和padding属性13.写出兼容IE及其他主流浏览器的CSS半透明设置？div{opacity:0.5;fiter:alpha(opacity=50);} 14.写出常见的CSS兼容性问题？（列举至少4个） 1.不同浏览器的标签默认的margin和padding差异;2.图片之间默认有间距;3.不透明度; 4.图片有链接时的边框问题；5.双倍marginbug6.... 15.CSSposition属性的常用值有哪些？分别是什么意思？Position:relative;相对定位（通常用在父级）Position:absolute;绝对定位（通常用在子级）Position:fixed;固定定位(相对于浏览器窗口) 16.以下的CSShack设置分别适用于哪个浏览器？_background-color:green;IE6适用*+background-color:pink;IE7适用*background-color:black;IE6、IE7适用针对不同的浏览器或不同版本浏览器而写特定的CSS样式，叫做CSShack 17.html的书写规范有哪些？标签换行写法；标签需要关闭；特殊字符用编码；标签缩进；标签用英文小写；注释；合理嵌套；。
css试题及答案大全
css试题及答案大全CSS试题及答案大全1. 以下哪个选择器用于选择ID为"header"的元素？A. #headerB. .headerC. [id="header"]D. header答案：A2. CSS中，下列哪个属性用于设置文本颜色？A. colorB. font-colorC. text-colorD. text答案：A3. 如何在CSS中创建一个类选择器？A. #classB. .classC. [class="class"]D. class答案：B4. 如果你想改变一个段落的背景颜色，你应该使用哪个CSS属性？A. background-colorB. backgroundC. bg-colorD. color答案：A5. CSS中，哪个属性用于设置元素的边框样式？A. border-styleB. borderC. styleD. border-type答案：B6. 如何在CSS中设置元素的内边距？A. paddingB. marginC. spacingD. gap答案：A7. 以下哪个CSS属性用于设置元素的外边距？A. marginB. paddingC. borderD. space答案：A8. 如何在CSS中设置文本的字体大小？A. font-sizeB. text-sizeC. sizeD. font答案：A9. CSS中，哪个属性用于设置元素的宽度？A. widthB. sizeC. dimensionD. span答案：A10. 如何在CSS中设置元素的边框颜色？A. border-colorB. colorC. borderD. frame-color答案：A11. CSS中，哪个属性用于设置元素的边框宽度？A. border-widthB. widthC. borderD. frame-width答案：A12. 在CSS中，如何设置元素的字体样式？A. font-styleB. styleC. fontD. text-style答案：A13. 如何在CSS中设置元素的行高？A. line-heightB. heightC. lineD. spacing答案：A14. CSS中，哪个属性用于设置元素的文本对齐方式？A. text-alignB. alignC. textD. alignment答案：A15. 如何在CSS中设置元素的边框圆角？A. border-radiusB. roundC. curveD. circle答案：A16. CSS中，哪个属性用于设置元素的透明度？A. opacityB. transparentC. see-throughD. clear答案：A17. 如何在CSS中设置元素的背景图片？A. background-imageB. imageC. bg-imageD. img答案：A18. CSS中，哪个属性用于设置元素的背景颜色？A. background-colorB. colorC. backgroundD. bg-color答案：A19. 如何在CSS中设置元素的背景重复方式？A. background-repeatB. repeatC. bg-repeatD. pattern答案：A20. CSS中，哪个属性用于设置元素的背景大小？A. background-sizeB. sizeC. bg-sizeD. dimension答案：A。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
一、单项选择题（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-transform
C．text-align D．line-height
15、在CSS 中不属于添加在当前页面的形式是（）
A．内联式样式表B．嵌入式样式表
C．层叠式样式表D．链接式样式表
5、在CSS语言中下列哪一项是"列表样式图象"的语法？（）
A、width: <值>
B、height: <值>
C、white-space: <值>
D、list-style-image: <值>
6、下列哪一项是css正确的语法构成？（）A、body:color=black
B、{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-size
B.font-size
C.text-style
D.font-style
12、下列哪段代码能够定义所有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:uppercase
B.text-transform:capitalize
C.样式表做不到
D、text-decoration:none
15、下列哪个css属性能够更改文本字体？
A.f:
B.font=
C.font-family:
D、text-decoration:none
16.下列哪个css属性能够设置文本加粗？
A.font-weight:bold
B.style:bold
C.font:b
D.font=
17.下列哪个css属性能够设置盒模型的内补丁为10、20、30、40（顺时针方向）？
A.padding:10px 20px 30px 40px
B.padding:10px 1px
C.padding:5px 20px 10px
D.padding:10px 18下列哪个属性能够设置盒模型的左侧外补丁？
A.margin:
B.indent:
C.margin-left:
D.text-indent:
19.定义盒模型外补丁的时候是否可以使用负值?
A.是
B.否
20、如何能够定义列表的项目符号为实心矩形？
A.list-type: square
B.type: 2
C.type: square
D.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．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、margin属性的属性值可以是百分比
C、字体大小的单位可以是em
D、1em等于18像素
8、边框的样式可以包含的值包括：
A、粗细
B、颜色
C、样式
D、长短。