HTML、CSS练习题1

一、单选题（共25题，每题2分）
二、多选题(不定项选择)（共25题，每题2分）

一、单选题（共25题，每题2分）

1.关于CSS控制字体样式说法错误的是（）
A 、font:bold 12px “宋体”,指定了字体为加粗的12px大小的宋体
B 、font-type属性用于指定字体的类型,如宋体、黑体等
C 、font-size属性用于指定字体的大小
D 、font-weight属性可指定字体的粗细
正确答案: B
解析:
font-type:没有这个属性

2.HTML显示鼠标移至图片上的提示文字的属性（）
A 、title
B 、alt
C 、src
D 、border
正确答案: A
解析:
alt为图片替换文本src为引入图片路径border为边框

3.在HTML中有效,规范的注释声明是（）
A 、//这是注释
B 、/*这是–注释/
C 、/这是注释/
D 、< ! – 这是注释 – >
正确答案: D
解析:
html注释< ! – 注释内容 – >、css注释 / * 注释内容 */、// 单行注释适用于 js等

4.在网页中常见的图片格式（）
A 、JPG和GIF
B 、JPG和PSD
C 、PSD和BMP
D 、PNG和SWF
正确答案: A
解析:
网页中，常见的图片格式为jpg,png,gif

5.在HTML中,在网页中创建表单用（）
A 、input
B 、select
C 、table
D 、form
正确答案: D
解析:
form表单域 input,select为表单元素 table为表格标签

6.在HTML中,表单中的input元素的type属性值不可以是（）
A 、password
B 、radiobutton
C 、text
D 、submit
正确答案: B
解析:
radiobutton错误单选框为radio(后续会进行讲解) 跳转按钮为button

7.HTML中哪个标签是无序列表（）
A 、div
B 、dl
C 、ul
D 、ol
正确答案: C
解析:
ul 无序列表 ol有序列表

8.下列哪个标签是HTML中的文本标题标签（）
A 、h1
B 、p
C 、div
D 、span
正确答案: A
解析:
h1 一级标题 p 段落 div 文档布局对象，块 span 文字节点

9.下列哪个是可以实现网页中的版权图片效果（）
A 、>
B 、<
C 、©
D 、
正确答案: C
解析:
& gt;大于号、& lt;小于号、& copy;版权符、& nbsp;空格

10.根据css的语法,分析下面代码,判断以下选项中表示"属性"的选项是? p{color:red;font-size:30px;font-family:“宋体”;}（）
A 、p
B 、color
C 、30px
D 、宋体
正确答案: B
解析:
p代表选择符；30px 和“宋体”代表属性值，color表示设置文本颜色的属性，所以选择B选项。

11.在CSS中,不属于伪类选择符的是?（）
A 、a:link
B 、a:hover
C 、a:hidden
D 、a:active
正确答案: C
解析:
伪类选择符中没有：hidden

12.在CSS中,要实现链接字体颜色为红色,无下划线,当鼠标移过时显示下划线的效果,以下选项正确的是（）
A 、a:link{color:#ff0000;} a:hover{text-decoration:underline;}
B 、a{color:#ff0000;text-decoration:none;} a:hover{text-decoration:overline;}
C 、a{text-decoration:underline;} a:hover{color:#ff0000;text-decoration:none;}
D 、a:link{color:#ff0000;text-decoration:none;} a:hover{text-decoration:underline;}
正确答案: D
解析:
a:link设置超链接初始状态，text-decoration：none;取消下划线； a:hover设置鼠标滑过状态，text-decoration：underline；添加下划线，选D

13.下列css属性中用于指定内容与边框之间距离为2px的是（）
A 、padding:2px
B 、border:2px
C 、margin:2px
D 、content:2px
正确答案: A
解析:
padding是用来设置内容和边框之间间距的属性。margin是设置同辈元素之间属性，显示在元素边框以外的，border是显示在元素边缘的，content是内容区。所以选择A

14.在CSS中ID选择器的权重是多少（）
A 、100
B 、10
C 、1
D 、0
正确答案: A
解析:
ID选择符权重为0100

15.css中选择器的分类不包括（）
A 、标签选择器
B 、类选择器
C 、文字选择器
D 、ID选择器
正确答案: C
解析:
css的选择器包括：标签选择器类选择器 id选择器伪类选择器属性选择器没有文字选择器

16.在HTML中使用标签链接的样式表是（）
A 、行内样式
B 、内部样式
C 、外部样式
D 、导入样式
正确答案: C
解析:
css有三种样式表：分别为：内部样式表外部样式表的连接方法内嵌/行间样式表

17.在HTML中引入css内部样式表使用（）
A 、style
B 、p
C 、link
D 、strong
正确答案: A
解析:
内部样式表的语法

18.如果同时设置了两个属性color和background的值,那么（）
A 、color显示
B 、background显示
C 、都显示
D 、都不显示
正确答案: C
解析:
同时过渡

19.下列在HTML文档中插入样式表的方式,优先级最高的是（）
A 、外部样式表
B 、内部样式表
C 、层叠样式表
D 、内联样式表
正确答案: D
解析:
样式表的优先级：内联样式表的优先级别最高内部样式表和外部样式表的优先级别跟他们的先后顺序有关

20.下列CSS样式语句中,语法正确的是（）
A 、.p{width:150px; border:2px solid 999999;}
B 、#bg{background=url(about.jpg) left no-repeat;}
C 、.tig td{text-align:50px; line-height:22px;}
D 、a{text-decoration:none;color:red;}
正确答案: D
解析:
.p{width:150px; border:2px solid 999999;}颜色少#号 #bg{background=url(about.jpg) left no-repeat;}，.tig td{text-align:50px; line-height:22px;}语法错误

21.下列CSS代码中有几处语法错误 &td{font-size:12px , color:666666; }（）
A 、1
B 、2
C 、3
D 、4
正确答案: C
解析:
css语法：选择器{属性：属性值；} 正确的为：td{font-size:12px ； color:#666666 }

22.下列选中能实现段落文本中让文本强制换行的效果标签是（）
A 、p标签
B 、a标签
C 、div标签
D 、br标签
正确答案: D
解析:
br标签

23.阅读下面HTML代码,段落标签< p >内文本最终显示的颜色是（）
< style type=“text/css” > body { color:#333; } #text{ color:#666; } .content { color:#00f; } .gray { color:#f00; } < /style > < p id=“text” class=“content gray” >我本将心向明月,奈何明月照沟渠.< /p >
A 、#F00
B 、#00F
C 、#666
D 、#333
正确答案: C
解析:
ID选择符权重大于class选择符权重。

24.下列css属性中,用于指定背景图片固定的是（）
A 、background-color
B 、background-image
C 、background-position
D 、background-attachment
正确答案: D
解析:
background-color设置背景颜色属性 background-image 添加背景图属性 background-position 设置背景图定位属性 background-attachment设置背景图固定属性，顾选择D

25.阅读下列关于表单内容的HTML代码,其中有几处错误（）
< from action=“post” method=“test.html”>
用户名< input type=“text” name=“uname” />
密码< input type=“password” name=“pwd” />
< input type=“submit” />
< /form>
A 、1
B 、2
C 、3
D 、4
正确答案: C
解析:
< from action=“post” method=“test.html”>from改成form, method中放的是传输方式，action中放的是地址

二、多选题(不定项选择)（共25题，每题2分）

1.关于样式表的优先级说法正确的是（）
A 、直接定义在标记上的css样式级别最高
B 、内部样式表次之
C 、外部样式表级别最低
D 、同一个选择器中,设置样式时,设置相同的属性,后设的属性值起作用
正确答案: A,D
解析:
样式表优先级

2.以下css属性设置语法正确的有（）
A 、text-indent:-999px;
B 、margin-left:-10px;
C 、padding-left:-10px;
D 、width:100%;
正确答案: A,B,D
解析:
text-indent,margin的属性允许属性值为负数，padding的属性值不可以为负数，width可以写百分比

3.下列设置边框线border的属性有（）
A 、border-style
B 、border-width
C 、border-size
D 、border-color
正确答案: A,B,D
解析:
border为复合属性，由border-width,border-style,border-color组成

4.CSS样式表的类型不包括（）
A 、内部样式表
B 、外部样式表
C 、单独样式表
D 、包含样式表
正确答案: C,D
解析:
CD

5.要实现以下功能:在网页中插入一个图片cat.gif,使用者通过单击该图片,连接到home.html页面.下面的HTML代码正确的是（）
A 、< a href=“home.html” target=“_blank”> < img src=“images/cat.gif”>< /a>
B 、< a href=" home.html" src=“images/cat.gif”>< /a>
C 、< a href=“home.html”>< img src=“images/cat.gif”>< /a>
D 、< a href=“images/cat.gif”>< /a>
正确答案: A,C
解析:
AC

6.想要实现一段文字加粗的效果,下面哪个方法是可以的（）
A 、我是文字文字文字
B 、font-weight:800;
C 、font-weight:300px;
D 、我是文字文字文字
正确答案: A,B
解析:
AB

7.设置单独一条边框线的属性有（）
A 、border-top
B 、border-bottom
C 、border-center
D 、border-middle
正确答案: A,B
解析:
AB

8.默认倾斜的元素有（）
A 、a
B 、em
C 、i
D 、s
正确答案: B,C
解析:
BC

9.WEB标准包括（）
A 、结构标准语言
B 、表现标准语言
C 、行为标准语言
D 、内容标准语言
正确答案: A,B,C
解析:
ABC

10.< a >的伪类选择符不包括（）
A 、a:link
B 、a:onfouce
C 、a:visited
D 、a:onclick
正确答案: B,D
解析:
BD

11.可以在新窗口中打开链接（）
A 、< a href=“www.baidu.com” target=“self”>我是文字 < /a>
B 、< a href=“http://www.baidu.com” target=“_blank” >我是文字< /a>
C 、< a href=“images/logo.jpg” target=“_blank”>我是文字< /a>
D 、< a href=“images/logo.jpg” target=“_self”>我是文字< /a>
正确答案: B,C
解析:
BC

12.下列哪个语言是编写网页的结构（）
A 、html
B 、css
C 、javascript
D 、xhtml
正确答案: A,D
解析:
AD

13.下列css选择器的优先级正确的有（）
A 、id:0100
B 、class:0001
C 、标记选择器:0010
D 、class:0010
正确答案: A,D
解析:
AD

14.背景属性的缩写语法正确的是（）
A 、{background:#00ff00 url(背景图片的路径及全称) no-repeat center top;}
B 、{background:url(背景图片的路径及全称) #00ff00 no-repeat center top;}
C 、{background:url(背景图片的路径及全称) #00ff00 center top no-repeat;}
D 、{background:url(背景图片的路径及全称) no-repeat center top;}
正确答案: A,B,C,D
解析:
ABCD

15.设置可以插入背景图片的属性有（）
A 、background-image
B 、background-repeat
C 、background-attachment
D 、background
正确答案: A,D
解析:
AD

16.以下声明可以将图片设置为背景图的有（）
A 、img:url(images/logo.jpg)
B 、background:url(images/logo.jpg)
C 、background-image:url(images/logo.jpg)
D 、background-images:url(images/logo.jpg)
正确答案: B,C
解析:
BC

17.以下哪些元素默认会自带边框（）
A 、hr
B 、textarea
C 、td
D 、table
正确答案: A,B
解析:
hr为水平线，textarea为文本域

18.查看如下代码 .red{color:red;} 下列选项中,文字显示为红色的是（）
A 、< a href=“#” class=“red”>文本A< /a>
B 、< div class=“red”>< a href=“#”>文本B< /a>< /div>
C 、< p class=“red”>< a href=“#”>文本C< /a>< /p>
D 、< p>< a href=“#” class=“red”>文本C< /a>< /p>
正确答案: A,D
解析:
AD

19.默认加粗的元素有（）
A 、b
B 、strong
C 、u
D 、i
正确答案: A,B
解析:
b、strong

20.以下声明可将背景颜色设为red的有（）
A 、color:red;
B 、background:red;
C 、background-color:red;
D 、font-color:red;
正确答案: B,C
解析:
背景的属性为background

21.以下属于css中的控制文本或字体的属性有（）
A 、float
B 、margin
C 、color
D 、font-weight
正确答案: C,D
解析:
color文本颜色 font-weight文本加粗

22.下列元素中,为单标记的是（）
A 、br
B 、span
C 、strong
D 、hr
正确答案: A,D
解析:
< strong>< /strong>< span>< /span>

23.以下代码
< div class=“a” >< /div> < div class=“b”>< /div> 其中css中定义如下 .a{width: 200px;height: 200px;background-color: #f00;float: left;} .b{width: 300px;height: 300px;background-color: #ff0;}
以下说法正确的是()

A 、两个盒子会发生重叠
B 、元素a在元素b上方
C 、元素b在元素a上方
D 、两个元素将左右排列
正确答案: A,B
解析:
float:left原理添加float:left的元素会把右侧的空间做“预留”，等待下个添加浮动的元素的站位

24.下面标签中能够实现折行效果的标签是（）
A 、p标签
B 、a标签
C 、div标签
D 、br标签
正确答案: A,C,D
解析:
块元素文本也是可以折行的只不过是换了一个段落

25.以下文字大小是网页里常用的字号的有（）
A 、font-size:12px;
B 、font-size:14px;
C 、font-size:13px;
D 、font-size:16px;
正确答案: A,B,D
解析:
文字常用的字号是偶数

【HTML、CSS练习题1】相关推荐

css练习题4,复习webpack4之CSS文件代码分割
之前学习过webpack3的知识,但是webpack4升级后还是有很多变动的,所以这次重新整理一下webpack4的知识点,方便以后复习. 这次学习webpack4不仅仅要会配置,记住核心API,最好 ...
第5模块闯关CSS练习题
1.列举你知道的css选择器? 说道css选择器,大家都知道有许多种,但是真要你去掰着手指头数一数的话,你可能需要数几分钟.其实这么多选择器,完全可以分为两类: 标签选择器(*是特殊情况),可但标签, ...
python自动化办公选择题_Python +Selenium 自动化 css练习题
from selenium import webdriver from time import sleep driver=webdriver.Chrome(r'D:\Users\CT-LA\AppDa ...
JavaWeb——框架与css样式表练习题
一.商城页面素材代码实现  <!DOCTYPE html> <html><head><meta charset=" ...
CSS经典练习题-餐厅练习
餐厅选择器题目目录前言参考答案以及解释第 1关:Type Selector 第2关:Type Selector 第3关:ID Selector 第4关:Descendant Selector 第 ...
拉勾教育大前端就业9期训练营——前端基础CSS重点知识笔记，附3个练习题及感想
CSS CSS概述 css产生背景: HTML被发明开始,样式就以各种形式存在,最初的HTML只是包含很少的显示属性. 随着HTML的成长,为了满足页面设计者的需求,HTML添加了更多的显示功能, ...
PHP一阶段 html+css+js 练习题汇总
一.动态时钟 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> ...
python逆序打印出各位数字_Python练习题 024：求位数及逆序打印
[Python练习题 024] 给一个不多于5位的正整数,要求:一.求它是几位数,二.逆序打印出各位数字. ---------------------------------------------- ...
360前端星学习笔记-深入CSS
深入CSS 课程ppt链接一.CSS的版本(level) css Level 1 css Level 2(CSS2.2规范) css Level 3 Color Module Level 3 Sel ...

【HTML、CSS练习题1】

HTML、CSS练习题1

一、单选题（共25题，每题2分）

二、多选题(不定项选择)（共25题，每题2分）

【HTML、CSS练习题1】相关推荐

最新文章

热门文章