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进制的颜色值

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值