码迷,mamicode.com
首页 > 其他好文 > 详细

前端测试题

时间:2021-01-19 11:55:50      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:html5   定义   出现   选择器   测试   img   不同的   red   推荐   

HTML&CSS(一)

1.img标签的alttitle有什么异同?

  • [ ] A: 在不同的浏览器,表现不一样
  • [ ] B: alt作为图片的替代文字出现 ,title是图片的解释文字
  • [ ] C: title作为图片的替代文字出现,alt是图片的解释文字
  • [ ] D: 以上说法都不正确

2. 以下哪个不是 html5 中使用的媒体元素?

  • [ ] A: <source
  • [ ] B: <audio>
  • [ ] C: <track>
  • [ ] D: <time>

3. 根据 HTML 规范,以下代码中,外层容器 .outer 的宽高分别是?

<style>
    .outer {
    	height: 50px;
    }
    .inner {
    	width: 120px;
    	height: 100px;
    }
</style>
<div class="outer">
	<span class="inner">content</span>
</div>
  • [ ] A: 高 50px,宽 120px
  • [ ] B: 高 50px,宽 100%
  • [ ] C: 高 100px,宽 120px
  • [ ] D: 高 100px,宽 100%

4. 关于 HTML ,以下说法错误的是:

  • [ ] A: <!DOCTYPE> 声明位于文档中的最前面,处于 <html> 标签之前。告知浏览器以何种模式来渲染文档。
  • [ ] B: HTML 语义化良好的页面丢失样式时也能呈现出清晰的结构。
  • [ ] C: HTML 语义化良好的页面有助于 SEO
  • [ ] D: 推荐使用 section 元素代替 article 元素及 nav 元素

5. 关于 box-sizing: border-box 中说法正确的是?

  • [ ] A: border 与 padding 不计入 width 之内
  • [ ] B: border,margin 计入 width 之内
  • [ ] C: border 计入 width 之内,padding 不计入
  • [ ] D: 以上皆非

6. 实现背景平铺的效果,对应的CSS为?

  • [ ] A: div{backgroud-image:url(images/bg.gif);}
  • [ ] B: div{backgroud-image:url(images/bg.gif) repeat-x;}
  • [ ] C: div{backgroud-image:url(images/bg.gif) repeat-y;}
  • [ ] D: div{backgroud-image:url(images/bg.gif) repeat;}

7. 下列 CSS 代码中有几处语法错误 ?

&td{
    font-size:12px , 
    font-color:666666;
};
  • [ ] A: 3
  • [ ] B: 4
  • [ ] C: 5
  • [ ] D: 6

8. 以下代码中文字的最终颜色描述正确的是()

<style>
     div > #title{color: blue;}
     div > h3#title.title{color: red;}
     [lang=”en”] h3.title{color: green;}
     [lang=”en”] #title{color: gray;}
 </style>
 <div lang=”en”>
     <h3 id=”title” class=”title”>hello</h3>
 </div>
  • [ ] A: blue
  • [ ] B: red
  • [ ] C: green
  • [ ] D: gray

9. 下列描述正确的有?

  • [ ] A: p {text-size:bold}可以使字体变粗
  • [ ] B: a {text-decoration:none}可以使超链接没有下划线
  • [ ] C: text-transform:uppercase 将文本中的内容转换成大写
  • [ ] D: border-width:10px 1px 5px 20px可以使容器的上边框 10 像素、下边框 5 像素、左边框 20 像素、右边框 1 像素

10. 关于CSS选择器,以下说法正确的是?

  • [ ] A. 每条选择器最多只能出现一个伪元素
  • [ ] B. 每条选择器最多只能出现一个伪类
  • [ ] C.:nth-child(an+b) 中n的取值从0开始
  • [ ] D. A+B匹配A之后所有符合B规则的元素

二. 填一填 (每题 3 分, 共 30 分)

  1. 为div设置类a与类b.应编写HTML代码为 _______
  2. 设置CSS属性clear的值为 _______ 时可清除左右两边浮动
  3. li 标签必须直接联套于 _______中。
  4. css 的 _______ 属性可为元素设置外边距。
  5. 设置CSS属性float的值为 _______ 时可取消元素的浮动
  6. 文字居中的 CSS 代码是 _______
  7. 在CSS中, 如何让 a 标签不显示下划线: _______
  8. html5正确的doctype为: _______
  9. css 属性能够设置盒模型的内边距为上 10px 、下 20px 、左 30px 、右 40px 的合并写法 _______
  10. 在HTML中,div 默认样式下是不带滚动条的。若要是<div>标签出现滚动条需要为该标签定义样式 _______

三. 写一写(每题 8 分,共 40 分)

1. 浮动元素引起的问题和解决办法




2. CSS 中 的元素分类有哪些?如何进行相互转化?




3. 介绍一下CSS的盒子模型?




4. CSS 选择器 和 样式优先级 ?




5. 列举你所知道的行内元素,块级元素和行块元素




前端测试题

标签:html5   定义   出现   选择器   测试   img   不同的   red   推荐   

原文地址:https://www.cnblogs.com/fuyanz/p/14291445.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!