HTML&CSS（一）
1.img标签的alt与title有什么异同？
- [ ] 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 {
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-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 分)
- 为div设置类a与类b.应编写HTML代码为
_______
- 设置CSS属性clear的值为
_______ 时可清除左右两边浮动
- li 标签必须直接联套于
_______中。
- css 的
_______ 属性可为元素设置外边距。
- 设置CSS属性float的值为
_______ 时可取消元素的浮动
- 文字居中的 CSS 代码是
_______
- 在CSS中, 如何让 a 标签不显示下划线:
_______
- html5正确的doctype为：
_______
- css 属性能够设置盒模型的内边距为上 10px 、下 20px 、左 30px 、右 40px 的合并写法
_______
- 在HTML中，div 默认样式下是不带滚动条的。若要是
<div>标签出现滚动条需要为该标签定义样式 _______
三. 写一写(每题 8 分,共 40 分)
1. 浮动元素引起的问题和解决办法
2. CSS 中 的元素分类有哪些？如何进行相互转化？
3. 介绍一下CSS的盒子模型？
4. CSS 选择器 和 样式优先级 ？
5. 列举你所知道的行内元素，块级元素和行块元素