2020-08-09

一、选择题(每题2分)
1、在HTML中，要定义一个空链接使用的标记是？
A、   
B、   
C、  
D、

2、以下对html的描述不正确的是？
A、html是一种超文本标记语言，标签不能交叉嵌套使用；不能在html中插入特殊标签，比如：img
B、html是一种超文本标记语言，标签可以交叉嵌套使用，可以在html中插入特殊标签，比如：img
C、html是一种超文本标记语言，大小写不敏感，标签可以交叉嵌套使用
D、html是一种超文本标记语言，大小写敏感，标签可以交叉嵌套使用

3、以下哪个标签可以实现强制换行？
A、br
B、dr
C、hr
D、dl

4、在HTML中，若实现点击超链接，如何弹出一个新的网页窗口？
A、百度
B、百度
C、百度
D、百度

5、在HTML中，下面不属于HTML文档的基本组成部分的是？
A、
B、
C、

6、下列CSS代码中有几处语法错误？
&li {font-size:12px , color:666666; }
A、1
B、2
C、3
D、4

7、下列在HTML文档中插入样式表的方式，优先级最高的是？
A、外部link引入
B、style属性
C、外部@import引入
D、style标签

8、实现效果：链接字体颜色为红色，无下划线，当鼠标移过时显示下划线。以下选项正确的是？
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、padding代表盒子与其他盒子之间的距离
B、border代表盒子的边框
C、可以通过box-sizing属性设置不同的盒子模型：W3C标准盒子、边框盒子
D、盒子模型是页面布局的基础，它包括外边距、边框、内边距以及元素的内容

10、下面代码中，段落p标签内文本最终显示的颜色是？

移动互联方向

A、#F00
B、#00F
C、#666
D、#333


           style属性：1000
		id：100
		class/伪类/属性：10
		元素/伪元素：1

	特性值越大，优先级越高；特性值相同时，越靠下的优先级越高

二、填空题（每题4分）

1. html中的注释为___ ,CSS中的注释为____/* 注释 */。
   2.表格中合并单元格的属性为___span_____，定义表格与内容间距的属性为____padding____，列合并的属性为________，行合并的属性为________。
   3.表单中单选框为_____radio ，复选框为___checkbox ，单行文本框为____text ，文件上传按钮为___submit ，多行文本框为___textarea，下拉菜单为
   4.form表单中定义表单提交方式的属性为____，其常见的属性值为________和________。属性________表示当提交表单时，向何处发送表单数据。
   5、css中盒子模型有___________盒子 和 ____________盒子；通过____________属性修改盒子模型；给__________盒子设置宽度时，设置的宽度值直接设置给盒子的宽度；

三、简答题(每题5分)
1、简述块级元素在父元素的居中方法有哪些？
1.给父元素设置：
display: flex;
justify-content: center;
align-items: center;
2.给父元素设置display:flex;
给子元素直接设置：margin:auto
3.给父元素设置一个定位属性，给子元素设置一个绝对定位；然后给子元素所有配合属性设置0px；并且给子元素设置margin:auto

	4.给父级元素设置定位属性，子元素设置绝对定位；
	将子元素的top:50%;left:50%;
	再配合使用margin-top:-height/2;
	margin-left:-width/2;

2、清除浮动的方式有哪些？
clear:left/right/both
1.在浮动元素之后添加一个块级元素,给块级元素设置清除浮动

2.给所有浮动元素的父元素设置::after{
	content:'';
	clear:left;
	display:block;

3、块级元素有哪些？行内元素有哪些？行内元素与块级元素分别有什么特点？
块级元素
div、h1~h5、p、html、body、ul、li
1) 独占一行
2) 默认宽度为100%，默认高度由子元素或者内容决定
3) 可以为其指定宽高 style=“width:;height:;”

行内元素
    span、a、img、strong、i
    1) 与其他行内元素共享一行
    2) 默认宽高由内容决定
    3) 不能为其指定宽和高
    4) 行内元素中不可以嵌套块元素，但块元素中可以嵌套行内元素

4、简述父子级外边距合并问题的几种解决方案？
1.给父元素添加边框属性
2.将本应该设置给子元素的margin设置给父元素的padding
3.给父级或者子级添加float属性
4.给父级或者子级添加position: absolute;
5.给父元素或者子元素添加display: inline-block;
6.给父级元素添加overflow: hidden;

5、简述html中引入css的方式有哪些？并说明区别；
1.行内样式
style属性

 	2.内联样式
 		style标签中
 	3.外部引入
 		建议：link标签
 		@import url()

 优先级：
 	行内样式》内联样式=外部引入


              1) 所属范围
    @import是 CSS 的语法，只能导入样式
    link是 HTML 的标签，不仅可以加载 CSS 文件，还可以定义 rel 属性
        rel="stylesheet"表示调用外部样式表

             2) 加载顺序
    页面加载时，link标签引入的 CSS 被同时加载
    @import引入的 CSS 将在页面加载完毕后被加载

            3) 兼容性区别
    @import需要IE5+
    link标签，不存在兼容性问题

6、简述将本地代码提交至gitee的步骤

7、简述设置元素的隐藏和显示的两种方式？区别是什么？
display:
none;:元素的隐藏,
隐藏元素所占据的空间
block;元素的显示

  visibility:
hidden:元素的隐藏；
	相当于修改了元素的透明度，不隐藏元素空间
visible：元素的显示

8、用css代码实现轮播图？

             div.outer{
        width: 300px;
        height: 100px;
        border: 1px solid red;
        margin: 0px auto;
        overflow: hidden;
    }
    div.imgs{
        width: 1500px;
        height: 100px;
        background-color: rosybrown;
        animation-name: move;
        animation-duration: 10s;
        animation-iteration-count: infinite;
        animation-timing-function: steps(5);
    }
    div.imgs div{
        width: 300px;
        height: 100px;
        color: #000;
        font-size: 30px;
        float: left;

    }
    @keyframes move{
        from{margin-left: 0px;

        }
        to{
            margin-left: -1500px;
        }
    }

9、请写出至少10个文本样式属性？
color:字体颜色
font-size:大小
font:weitht:粗细
text-indent:首行缩进
text-decrotion:添加下划线
text-transform:改变字体大小写
font-family:字体
word-spacing
letter-spacing
word-break:
word-wrap:
overflow:
hidden;
scroll;
width
height
max-width
max-height
min-width
min-height

10、请写出至少5个html5中的新增属性？至少5个html5中的新增标签？

 属性
                    type
                        date    日期
                        datetime-local 	日期时间控件
                        time 	时间控件
                        number 	数字控件（只能输入数字）
                        range 	范围控件（通过控制条可以调整取值）
                        search 	搜索控件
                        tel 	电话控件
                        url 	地址控件
                        color 	颜色控件
                        email  	email控件                                                                                             header(头)
					nav
					article（主体）
					section (部分)
					footer（脚）
                                                                                             video
                                                                                                audio

11、html中的锚点如何定义？举例说明

12、请写出css属性中设置颜色值的几种方式？
1.关键字
2.rgb(r,g,b);0-255之间
3.rgba(r,g,b,a);a:0-1取值；0代表完全透明 1代表完全不透明
4.16进制的颜色值