CSS试题

[微信紅包]恭喜发財，大吉大利！

已于 2022-10-17 12:56:13 修改

阅读量4.2k

点赞数 3

分类专栏： HTML+CSS 文章标签： css css3 html

于 2022-05-21 17:22:50 首次发布

本文链接：https://blog.csdn.net/weixin_68548138/article/details/124900311

版权

HTML+CSS 专栏收录该内容

11 篇文章 2 订阅

订阅专栏

[ 选择题 ]在css定位属性中， position的值为可以是（）。
A 绝对定位
B 相对定位
C 层叠定位
D 固定定位
正确答案：A,B,D

试题解析：在CSS中，position属性用于定义元素的定位方式，它的可能值有absolute（绝对定位），fixed（固定定位），relative（相对定位），static（静态定位，默认值）， inherit（规定应该从父元素继承 position 属性的值），因此选ABD。C不存在此种定位方式。

[ 选择题 ]下面定义背景图片的语法，正确的是（）。
A body {background-image: url=/i/eg_bg_04.gif;}
B body {background-image: src=/i/eg_bg_04.gif;}
C body {background-image: url(/i/eg_bg_04.gif);}
D body {background-image: src(/i/eg_bg_04.gif);}
正确答案：C，

试题解析：语法记忆

[ 选择题 ]HTML中列表包括（）。
A 无序列表
B 有序列表
C 定义列表
D 公用列表
正确答案：A,B,C，

试题解析：在HTML中，列表有三种形式，有序列表ol，无序列表ul和定义列表dl，因此选ABC

[ 选择题 ]在CSS中，关于float的属性描述错误的是（）。
A float:left;
B float:center;
C float:right;
D float:none;
正确答案：B，

试题解析：left：元素向左浮动。right：元素向右浮动。none：默认值。元素不浮动，并会显示在其在文本中出现的位置。inherit：规定应该从父元素继承 float 属性的值。float属性只有这四种值，因此选 B

[ 选择题 ]<img/>图像标签中，除了可以设置width、height、alt、title外还可以设置（）。
A hspace
B vspace
C align
D 以上全部
正确答案：D，

试题解析：此题目考查的是HTML中图像标签属性的相关设置。
为什么是选D，因为A设置的是图像的水平间距，B设置的事图像的垂直间距，C设置的事图像的对齐方式。
因此答案选择D

[ 选择题 ]在CSS中,下面( )用于设置div标签的边框效果
A width
B border
C margin
D padding
正确答案：B，

试题解析：本题考察的是盒子模型的常用属性,其中width设置宽度,border设置边框,margin设置外边距,padding设置内边距,所以此题选择B正确

[ 选择题 ]下面关于display样式，描述错误的是（）。
A block：块对象的默认值。用该值为对象之后添加新行
B none :隐藏对象。隐藏对象保留物理空间
C inline :内联对象的默认值
D display:inline-block：将对象呈递为内联对象，对象的内容作为块对象呈递
正确答案：B，

试题解析：display：none不保留被隐藏对象的空间

[ 选择题 ]在HTML5中表单验证的好处（）。
A 没有好处
B 减轻服务器压力
C 减少代码量
D 代码可读性好
正确答案：B，

试题解析：在HTML5表单验证的好处有两点：1减轻服务器压力，2保证数据的可行性和安全性，所以正确答案是b。

[ 选择题 ]阅读下面的CSS代码，以下（）CSS样式能够将内容为“第一个段落。”的p标签背景设置为red（）。
<h1>这是标题</h1>
<p>第一个段落。</p>
<p>第二个段落。</p>
<p>第三个段落。</p>
<p>第四个段落。</p>
A p:nth-of-type(0){background:red;}
B p:nth-of-type(1){background:red;}
C p:nth-of-type(2){background:red;}
D p:nth-of-type(3){background:red;}
正确答案：B，

试题解析：E F:nth-of-type(n)在父级里先看类型，再看位置。

[ 选择题 ]在CSS中有关z-index值说法正确的是（）。（选择一项）
A Z-index 能在所有元素上奏效
B 元素不能拥有负的 z-index 属性值
C Z-index 仅能在定位元素上奏效
D 以上说法都正确
正确答案：C，

试题解析：Z-index 仅能在定位元素上奏效（例如 position:absolute;）

[ 选择题 ]在css样式表中，若将background-color的属性设为（），则标签的背景色为透明。
A #fff
B #000
C white
D transparent
正确答案：D，

试题解析：①直选题类型：透明属性为：transparent此题意图应是——区别 “白色” 和 “透明” 的不同②亦可采取排除法：B选项：#000为黑色，故错误A、C选项：均表示白色，而题干要求单选，故排除所以，答案为D

[ 选择题 ]在html中正确引用外部样式表的格式是（）。
A <script>abc.css</ script >
B <link rel="stylesheet" type="text/css" scr=" abc.css">
C <link rel="stylesheet" type="text/css" href=" abc.css">
D <style src=" abc.css">
正确答案：C，

试题解析：Link中的路径是引用是href 不是scr

[ 选择题 ]CSS中m在设置background-color时，参数值rgb(255,0,0)表示（）。
A 红色
B 黄色
C 绿色
D 蓝色
正确答案：A，

试题解析：rgb三个色值分别是红、绿、蓝，故选项B错误。rgb(255,0,0)代表红色。rgb(0,255,0)代表绿色。rgb(0,0,255)代表蓝色。故选A。

[ 选择题 ]在css中，清除浮动塌陷的方法错误的是（）。
A 在最后一个浮动元素的后面，加入一个空的div并设置其样式：clear:both;
B 在浮动元素的父级元素中，设置其样式属性：overflow:hidden
C 利用浮动元素的after伪选择符并设置其相应属性也可以解决浮动塌陷问题
D after伪选择符的作用是在元素内容之前插入内容，利用这一特点可以解决浮动塌陷问题
正确答案：D，

试题解析：本题考察css清除浮动塌陷，after伪类的作用是在元素之后插入内容

[ 选择题 ]下列属于CSS3新增属性的是（）。
A box-shadow
B border
C background
D display
正确答案：A，

试题解析：box-shadow盒子阴影， text-shadow 文字阴影，这都是CSS3新增的属性。

[ 选择题 ]在html中，进行表单验证的好处有（）。
A 加重服务器的压力
B 保证数据的可行性和安全性
C 无法防止网页端的程序修改
D 可以提交非法数据
正确答案：B，

试题解析：本题考察CSS中表单元素使用。A为减轻服务器压力。C为防止修改。D为无法提交数据。

[ 选择题 ]在CSS中，下列选项表示id选择器的是（）。
A panini
B .xiaoming
C #doudou
D @amao
正确答案：C，

试题解析：本题考察对CSS的认识的运用。id选择器的定义语法是：#selname，而使用方式是id=“selname”。

[ 选择题 ]在HTML中,下面关于box-shadow说法错误的是（）
A box-shadow 属性可以使用一个或者多个阴影，如果使用多个必须用”,”隔开
B inset：阴影类型，可选值。如果不设置，默认的投影方式是外阴影；它有唯一值inset，设置内阴影
C blur-radius：阴影模糊半径，必选属性。
D spread-radius：阴影扩展半径，可选。正，整个阴影扩大；负整个阴影缩小
正确答案：C，

试题解析：blur-radius表示阴影模糊半径，为可选属性，只能是正。=0没有模糊效果故C错。abd均为box-shadow的属性使用方法

[ 选择题 ]如下HTML代码，<td bgcolor="#006699" align="left" valign="middle"></td>描述正确的是（）。
A 单元格背景色为#006699，水平居右对齐，垂直底端对齐
B 单元格背景色为#006699，水平居左对齐，垂直居中对齐
C 单元格字体颜色为#006699，水平居右对齐，垂直居中对齐
D 单元格字体颜色为#006699，水平居左对齐，垂直顶端对齐
正确答案：B，

试题解析：本题考查html表格标签的使用。Bgcolor设置单元格背景色，algin设置水平对齐为居左，valgin设置垂直对齐为居中故选择B

[ 选择题 ]下列关于HTML5的优势说法错误的是（）。
A 对于用户来说，提高可用性和改进用户的友好体验，加强了视觉感受
B 对于开发者来说，HTML5技术夸平台，适配多终端
C 对于搜索引擎来说，HTML5新增的标签，是搜索引擎更加容易抓取和索引网页，从而驱动网站获得更多的点击流量
D HTML5只是对HTML4的简单升级，加入了新的元素。
正确答案：D，

试题解析：
HTML5是新的网页标准，是未来网页的趋势，结合css3，使网页有更多效果，它摈弃了html4很多不合理的地方，并不是对html4简单的升级

[ 选择题 ]在CSS中下面（）表示超链接文字在鼠标经过时，超链接文字无下划线。
A A:link{text-decoration: underline; }
B A:hover {text-decoration: none;}
C A:active {text-decoration: blink;}
D A:visited {text-decoration: overline; }
正确答案：B，

试题解析：在CSS中，控制鼠标经过超链接样式的伪类是a:hover，而控制文字无下划线的属性及属性值为 text-decoration: none;因此选B。

[ 选择题 ]CSS样式，外延边距：10px 20px 40px 30px;（）是底边距。
A 10px
B 40px
C 30px
D 20px
正确答案：B，

试题解析：
顺时针上下右下左

[ 选择题 ] 要使表格的边框不显示，应设置border的值是：（）
A 1
B 0
C 2
D 3
正确答案：B，

试题解析：本题考察html表单里的属性，border是用来设置边框属性的，当为0时，无边框。

[ 选择题 ]在CSS的文本属性中，文本修饰的取值text-decoration：overline表示（）。
A 不用修饰
B 下划线
C 删除线
D 上划线
正确答案：D，

试题解析：在CSS中，text-decoration属性有6个可能值，分别是none,默认，定义标准的文本、underline,下划线、overline，上划线、 line-through，删除线、blink，闪烁的文本， inherit，规定应该从父元素继承 text-decoration 属性的值，因此选D。

[ 选择题 ]关于下列代码片段分析正确的是（）。<form action=”checkLogin.do” method=”get” name=”myform”>
A 提交表单后，表单中的数据信息不会出现在地址栏里。
B get提交表单的方式不会有发送数据大小的限制
C 表单中的数据将被提交到checklogin.do
D get方式用于发送少量的数据，所以通常可用于制作登陆
正确答案：C，

试题解析：Get方式提交的数据会显示在url中，Post方式提交不会显示在url中，A错。GET方式提交的数据最多只能有1024字节，而POST则没有此限制，B错。Get方式提交的数据会显示在url中安全性不高，D错。所以此题选择c。

[ 选择题 ]以下（）标签用于在表单中构建复选框。
A <input type=”text” />
B <input type=”radio” />
C <input type=”checkbox” />
D <input type=”password”>
正确答案：C，

试题解析：此题没有解析

[ 选择题 ]在HTML中，以下关于CSS样式中文字属性的说法，正确的是（）。
A color用来设置文本的颜色
B font-style用来设置文本的字体类型
C font-size用来设置文本的字体大小
D font-weight可以用来设置文本的字体加粗
正确答案：A,C,D，

试题解析：在CSS中，color属性用于设置文本颜色，font-style属性用于设置文本字体风格，font-size属性用于设置文本字体大小，font-weight属性用于设置文本字体粗细，因此选ACD。

[ 选择题 ]CSS3中以下层次选择器语法描述错误的是（）
A E F为后代选择器,选择匹配的F元素,且匹配的F元素被包含在匹配的E元素内
B E>F 为子选择器,选择匹配的F元素,且选择匹配的F元素是匹配的E元素的子元素
C E+F为相邻兄弟选择器,选择匹配的F元素,且匹配的F元素紧位于匹配的E元素后面
D E<F 为父选择器,选择匹配的F元素,且选择匹配的F元素是匹配的E元素的父元素
正确答案：D，

试题解析：CSS3层次选择器中只有后代选择器，子选择器，相邻兄弟选择器，通用兄弟选择器;没有父选择器，所以本题标准答案为d

[ 选择题 ]在html中基本选择器的优先级正确的为（）。
A ID选择器>类选择器>标签选择器
B 标签选择器>类选择器> ID选择器
C 类选择器>标签选择器> ID选择器
D 类选择器> ID选择器>标签选择器
正确答案：A，

试题解析：ID选择器优先级最高，类选择器次之，标签选择器最低，所以此题选择2。

[ 选择题 ]css样式优先级最大的是（）。
A 行内样式
B 内部样式表
C 外部样式表
D 都一样
正确答案：A，

试题解析：就近原则

[ 选择题 ]CSS 指的是（）。
A Computer Style Sheets
B Cascading Style Sheets
C Creative Style Sheets
D Colorful Style Sheets
正确答案：B，

试题解析：CSS是Cascading Style Sheets（层叠样式表）的缩写

[ 选择题 ]HTML中，（）不是块级元素。
A <p>
B <div>
C <ul>
D <span>
正确答案：D，

试题解析：span是内联元素

[ 选择题 ]在使用HTML5新增的结构元素布局时,以下说法正确的是（　）。
A 使用header标签定义网页头部
B 使用section标签定义网页主体部分
C 使用footer标签定义网页底部
D 以上说法都对
正确答案：D，

试题解析：
本题考察使用HTML5新增的主体结构元素布局,a,b,c三个选项都正确,故选d

[ 选择题 ]video元素不支持以下（）视频格式。
A AVI
B Ogg
C MPEG 4
D WebM
正确答案：A，您回答的是：A，

试题解析：video支持三种视频格式：Ogg、MPEG 4、WebM
35. [ 选择题 ]关于文本装饰text-decoration，下列说法错误的是（）。
A none：超链接默认值，蓝色字体下划线
B underline，设置文本的下划线
C overline，设置文本的上划线
D line-through，设置文本的删除线
正确答案：A，

试题解析：本题考察CSS3基础语法，none是无装饰符，所以选a

[ 选择题 ]在HTML5中，对<input type=”text” name=”UserName” disabled=”disabled”/>
A 一个名为“UserName”的文本框被设置为只读
B 一个名为“UserName”的文本框被设置为禁用
C 一个名为“UserName”的文本框被设置为隐藏
D 以上三个描述都错误
正确答案：B，
[ 选择题 ]CSS中，context.arc()方法用于绘制圆形，一般其中的第（）个参数决定圆形的半径。
A 1;
B 2;
C 3;
D 4;
正确答案：C，

试题解析：第一二个为宽高，第三个为半径，第四个为位置

[ 选择题 ]下列HTML代码段某页面的样式设置
<STYLE TYPE ="text/css"> .bule{color:bule} .red{color:red} </STYLE>
现要求将页面中的"第一个标题"设置成红色,"第一个段落"设置为蓝色.下列代码正确的是（）
A <H1 id=red> 第一个标题</H1> <P id=bule>第一个段落
B <H1 color=red>第一个标题</H1> <P color=blue>第一个段落
C <h1 class='red' >第一个标题 </h1> <p class='bule'>第一个段落

D <H2 class=red>第一个段落</H1> <P class=bule>第一个段落
正确答案：C，
[ 选择题 ]在HTML中下列标签不是块级元素的有（）。
A <li>
B <span>
C <p>
D <div>
正确答案：B，

试题解析：<li>，<p>，<div>都是块级元素，<span>是内联元素
都是块级元素，是内联元素

[ 选择题 ]在HTML5中，下面（）选项为实现下拉列表当中默认选中的属性。
A selected
B checked
C placeholder
D required
正确答案：A，

试题解析：本题考察表单元素当中的下拉列表的默认选中，checked为单选按钮和多选按钮的默认选中，所以b是不正确，placeholder是用input标签进行提示的，所以c也是错误的，required是用于验证表单的内容不能为空

[ 选择题 ]在 HTML5 中，onblur 和 onfocus 是（）。
A HTML 元素
B 样式属性;
C 事件属性
D 表单元素
正确答案：C，

试题解析：onblur 和 onfocus是事件属性

[ 选择题 ]在HTML5中，下列代码的（）有错误。
<audio> （1）
<source src="music/1st_spine.ogg"> （2）
<source src="music/1st_spine.mp3"> （3）
</audio>。
A 没有错误
B （1）
C （2）
D （3）
正确答案：B，

试题解析：本题考查在HTML5中音频元素的应用，错误到点为1，使用audio音频元素的时的正确格式是<audio controls>所以正确答案是b。

[ 选择题 ]在html5中，关于盒子模型说法正确的是（）。
A border:1px red solid;表示盒子的四条边均为1px的红色实线
B margin是盒子的内边距
C padding是盒子的外边距
D 内盒的总尺寸=padding+内容宽/高
正确答案：A，
[ 选择题 ]HTML5中，新增的表单元素类型有（）。（选择二项）
A email
B number
C text
D button
正确答案：A,B，

试题解析：本题考察新增的HTML5表单元素，email和number均为HTML5新增元素，故正确答案为AB

[ 选择题 ]Ul无序列表中，不属于type标记中的是（）。
A circle
B disk
C square
D disc
正确答案：B，

试题解析：
type 的值分别是：disc（实心圆） circle（空心圆） square（实心方块）
因此答案选择B

[ 选择题 ]下边是操作字体风格的属性是（）
A font-family
B font-style
C font-size
D font-weight
正确答案：B，

试题解析：font-family是设置字体类型，font-style是设置字体风格，font-size是设置字体大小，font-weight是设置字体粗细，所以答案选b

[ 选择题 ]HTML5中，下列（）代表表格中的跨行。
A rowspan
B colspan
C width
D align
正确答案：A，

试题解析：此题目主要是考查表格中单元格的合并。为什么不选B，因为是指跨列。为什么不选C，因为是指表格宽度。为什么不选D，因为是指表格的对齐方式。
因此答案选择A

[ 选择题 ]要运用CSS3动画，需要运用（）规则。
A animation
B keyframes
C flash
D transition
正确答案：B，

试题解析：Keyframes

[ 选择题 ]在CSS3中，如要实现如下文本阴影，设置正确的是（）。
A P{text-shadow:10px -10px #333}
B P{text-shadow:10px 10px #333}
C P{text-shadow:-10px -10px #333}
D P{text-shadow:-10px 10px #333}
正确答案：B，

试题解析：该题考查了文本阴影属性的使用
文本阴影语法第一个参数是控制左右阴影正数是右阴影，负数是左阴影。
第二个参数正数是下阴影，负数是上阴影。第三个参数是阴影的颜色
故看图片是右下阴影，所有答案选B。

[ 选择题 ]在HTML中，通过( )可以实现鼠标悬停在超链接上时，为无下划线的效果（）。
A a{text-decoration:underline}
B a{text-decoration:none}
C a:hover{text-decoration:none}
D a:link{text-decoration:underline}
正确答案：C，

试题解析：此题目考查的是对html中标签伪类选择器和css文本修饰。
为什么不选A,因为A是为所有标签都添加下划线，不符合题目要求。为什么不选B, 因为A是为所有标签都去掉下划线。为什么选C，a:hover是定义当鼠标悬停超链接的伪类选择器，同时定义了该标签无下划线。为什么不选D,因为D是定义了在鼠标悬停的时候，显示下划线，不符合题目要求。
因此答案选C

[ 选择题 ]关于HTML说法错误的是（）。
A HTML是一门标记性语言，用于展示网页的内容
B HTML文件的扩展名为htm 或html
C 编写HTML代码要准守W3C标准，W3C是技术领域最权威和具影响力的国际中立性技术标准机构
D HTML是一门编程语言
正确答案：D，
[ 选择题 ]在CSS3中，下列表示字体颜色使用错误的是（）。
A #000
B #000000
C #black
D rgb(0,0,0)
正确答案：C，

试题解析：A和B是十六进制的颜色表示方法，D是rgb的表示方法，C是用英文表示，前面不用加#，所以选C

[ 选择题 ]以下选项不属于css优势的是（）
A 内容与表现分离
B 网页的表现统一，容易修改
C 运用独立于页面的CSS，有利于网页被搜索引擎收录
D 与标签代码混合，似的页面代码看起来非常混乱
正确答案：D，
[ 选择题 ]在css中，如果需要清除浮动层对本文的影响，下列说法正确的是（）
A 为浮动层增加clear属性，并设置其属性值为both
B 为浮动层clear属性，并设置其属性值为none
C 为放置文本的标签增加clear属性，并设置其属性值为both
D 为放置文本的标签增加clear属性，并设置其属性值为none
正确答案：A，

试题解析：Css3中清除浮动的属性为clear:both是清除左右浮动

[ 选择题 ]CSS3渐变需要加浏览器前缀，如果使用Firefox浏览器，在写样式兼容时要加（）为前缀。
A -o-
B -webkit-
C -ms-
D -moz-
正确答案：D，

试题解析：本题考察CSS3渐变的浏览器兼容性，
IE浏览器是Trident内核在写样式兼容时要加前缀-ms-
Chrome浏览器是Webkit内核在写样式兼容时要加前缀-webkit-
Opera浏览器是Blink内核在写样式兼容时要加前缀-o-
Firefox浏览器是Mozilla内核在写样式兼容时要加前缀-moz
答案是d-

[ 选择题 ]在HTML中，关于新增主体元素描述正确的是（）。
A header:标记脚部域的内容（用于整个页面或页面中的一块区域）
B section:web页面中的一块独立区域
C article: 相关内容或应用（常用于侧边栏）
D aside: 导航类辅助内容
正确答案：B，

试题解析：本题考察对HTML新增主体结构元素的理解，因此正确答案选择b。

[ 选择题 ]在html5中,使用了CSS3的（）属性可以实现如下图的变形效果。
A rotate;
B translate;
C scale;
D transform;
正确答案：D，

试题解析：rotate, translate, scale 为transform属性的值，并非属性

[ 选择题 ]HTML5中不再支持下面（）元素。
A <q>
B <ins>
C <menu>
D <font>
正确答案：D，

试题解析：HTML5中不再支持元素，改为使用CSS控制
HTML5 中：
标签定义一个短的引用；
标签定义文档的其余部分之外的插入文本；
标签定义菜单列表，当希望出现表单控件时使用该标签（HTML4不支持该标签）。

[ 选择题 ]在html中，关于以下css代码li列表样式说法错误的是（）。
li { width:80px; height:29px; text-align:center; float:left; list-style-type:none; }
A 列表样式高度29px
B 列表样式宽度29px
C 列表样式没有设置对齐方式
D 列表样式无划线
正确答案：B,C，

试题解析：height是高度的意思，text-align：center是文本居中

[ 选择题 ]某网页的主要代码如下所示，则样式表中添加（）代码后可以在浏览时实现“张三丰”的显示效果。在这里插入图片描述

<html>
<head>
<title></title>
<style type="text/css">
div {width:350px;height:350px;}
.float {width:200px;height:100px;}
#one {width:20px;height:20px;}
#two {width:20px;height:20px;}
#three {width:20px;height:20px;}
</style>
</head>
<body>
<div>
<div class="float">
<div id="one" class="list">张</div>
<div id="two" class="list">三</div>
<div id="three" class="list">丰</div>
</div>
</div>
</body>
</html>

A .float {float:left;}
B .list{float:right;}
C .float{float:left;}
.list{float:right;}
D .float{float:left;}
.list{float:left;}
正确答案：D，

试题解析：浮动的定义向相同方向浮动

[微信紅包]恭喜发財，大吉大利！

关注

3
点赞
踩
21

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS试题

[ 选择题 ]在css定位属性中， position的值为可以是（）。A 绝对定位B 相对定位C 层叠定位D 固定定位正确答案：A,B,D试题解析：在CSS中，position属性用于定义元素的定位方式，它的可能值有absolute（绝对定位），fixed（固定定位），relative（相对定位），static（静态定位，默认值）， inherit（规定应该从父元素继承 position 属性的值），因此选ABD。C不存在此种定位方式。[ 选择题 ]下面定义背景图片的语法，正确的是.
复制链接

扫一扫