一、选择题
1、在HTML中,要定义一个空链接使用的标记是?A
A、<a href=’#’>
B、<a href=’;’>
C、<a href=’@’>
D、<a href=’!’>
2、以下对html的描述不正确的是?ABCD
A、html是一种超文本标记语言,标签不能交叉嵌套
使用;不能在html中插入特殊标签,比如:img
B、html是一种超文本标记语言,标签可以交叉嵌套
使用,可以在html中插入特殊标签,比如:img
C、html是一种超文本标记语言,大小写不敏感,
标签可以交叉嵌套使用
D、html是一种超文本标记语言,大小写敏感,
标签可以交叉嵌套使用
3、以下哪个标签可以实现强制换行?A
A、br
B、dr
C、hr
D、dl
4、在HTML中,若实现点击超链接,如何弹出一个新的网页窗口?B
A、<a href=’https://www.baidu.com’ target=”_self”>百度
B、<a href=’https://www.baidu.com’ target=”_blank”>百度
C、<a href=’https://www.baidu.com’ target=”_new”>百度
D、<a href=’https://www.baidu.com’ target=”_top”>百度
5、在HTML中,下面不属于HTML文档的基本组成部分的是?C
A、<html>
B、<body>
C、<style>
D、<head>
6、下列CSS代码中有几处语法错误?C
&li {font-size:12px, color:666666; }
A、1
B、2
C、3
D、4
7、下列在HTML文档中插入样式表的方式,优先级最高的是?B
A、外部link引入
B、style属性
C、外部@import引入
D、style标签
8、实现效果:链接字体颜色为红色,无下划线,当鼠标移过时显示下划线。以下选项正确的是?D
A、a:link{color:red;}
a:hover{text-decoration:underline;}
B、a{color:red;text-decoration:none;}
a:hover{text-decoration:overline;}
C、a{text-decoration:underline;}
a:hover{color:red;text-decoration:none;}
D、a{color:red;text-decoration:none;}
a:hover{text-decoration:underline;}
9、下列关于CSS中盒子模型说法错误的是?A
A、padding代表盒子与其他盒子之间的距离
B、border代表盒子的边框
C、可以通过box-sizing属性设置不同的盒子模型:W3C标准盒子、边框盒子
D、盒子模型是页面布局的基础,它包括外边距、边框、内边距以及元素的内容
10、下面代码中,段落p标签内文本最终显示的颜色是?C
<style type=’text/css’>
body { color:#333; }
#text{ color:#666; }
body p.content { color:#00f; }
p.gray { color:#f00; }
</style>
<p id=’text’ class=’content gray’>移动互联方向</p>
A、#F00
B、#00F
C、#666
D、#333
二、填空题(每题4分)
1. html中的注释为,CSS中的注释为。
2.表格中合并单元格的属性为______,定义表格与内容间距的属性为______,列合并的属性为______,行合并的属性为______。
3.表单中单选框为______,复选框为______,单行文本框为______,文件上传按钮为______,多行文本框为______,下拉菜单为______
4.form表单中定义表单提交方式的属性为______,其常见的属性值为______和______。属性______表示当提交表单时,向何处发送表单数据。
5、css中盒子模型有___________盒子 和 ____________盒子;通过____________属性修改盒子模型;给__________盒子设置宽度时,设置的宽度值直接设置给盒子的宽度;
三、简答题(每题5分)
1、简述块级元素在父元素的居中方法有哪些?
1) 父元素position
1. 父元素相对定位,子元素绝对定位,子元素margin:auto;top:0;left:0;bottom:0;right:0;
2. 父元素相对定位,子元素绝对定位,子元素left:50%,top:50%;margin-left:-子元素一半的宽度;margin-top: – 子元素一半的高度
2) 父元素display
3. 父元素display:flex; justify-content:center; align-items:center,子元素自动居中 (伸缩盒布局)
4. 父元素display:table-cell; vertical-align:middle; 子元素margin:auto
2、清除浮动的方式有哪些?
浮动元素父元素添加 overflow:hidden
浮动元素父元素添加 ::after{clear:both;content:”;display:block;}
浮动元素同级元素添加一个空标签 该标签 {clear:both;}
3、块级元素有哪些?
行内元素有哪些?
行内元素与块级元素分别有什么特点?
如何给行内元素设置宽高?
4、简述父子级外边距合并问题的,几种解决方案?
5、简述html中引入css的方式有哪些?并说明区别;
6、简述将本地代码提交至gitee/github的步骤
7、简述设置元素的隐藏和显示的三种方式?
区别是什么?
8、用css代码实现轮播图?
<div class=”outer”>
<div class=”content”>
<div><img src=”” alt=””></div>
<div><img src=”” alt=””></div>
<div><img src=”” alt=””></div>
<div><img src=”” alt=””></div>
<div><img src=”” alt=””></div>
</div>
</div>
9、请写出至少10个文本、字体样式属性?
10、请写出至少5个html5中的新增属性?
至少5个html5中的新增标签?
11、html中的锚点如何定义?举例说明
12、请写出css属性中
设置颜色值的几种方式?