Html以及Css基础练习试卷

一、选择题
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属性中
设置颜色值的几种方式?

​    

 

 

    原文作者:匕LiuYang
    原文地址: https://blog.csdn.net/qq_45486259/article/details/115493531
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞