1、 下列标签中，哪一个不是行级标签（inline）？（）。
A.a
B.div
C.span
D.img
答案：A
解析：html标签分为三种：1、块级标签：标签独占一行，可指定宽高、内外边距（常用的块级标签有、
、...、
- 、
- 等）；2、行内（内联）标签：标签在一行内，宽度和高度由内容决定，内容超过HTML的宽度时才会换行（常用的行内标签有、等）；3、行内块标签（inline-block）：标签同时具备行内标签和块级标签的特点，使用display:inline-block可以将元素设置为行内块标签（常用的标签有、）。
2、有一段html代码：
’Hello’，那么"Hello"的字体颜色是（）。
A.red
B.blue
C.green
D.black
答案：C
解析：css样式中没有text-color这一属性，所以根据css选择器的优先级判断span中的内联样式为
3、下面关于HTML说法错误的是？（）。
A.HTML是一种标记语言
B.HTML可以控制页面和内容的外观
C.HTML文档总是静态的
D.HTML文档是超文本文档
答案：B
解析：HTML是用来给网页搭建结构的，外观由css来控制；HTML :超文本标记语言(HTML HyperText Markup Language )。HTML文档是一个放置了标记（tags）的.html文件（.htm）。是一种客户端浏览器解释的语言，不用经过编译。HTML语言是通过各种标记来标识文档的结构，以及标识超链接、图片、文字、段落、表单等信息
4、什么标签定义的内容将显示在浏览器窗口的标题栏中（）。
A.Html
B.head
C.body
D.title
答案：D
解析：HTML中title为标题标签、head为网页的头部部分，不会在网页中显示，而body为网页的主体部分，内容会在网页中显示，html标记着文档的开始和结束;
5.下面哪个属性不会让 div 脱离文档流（normal flow）（）。
A.position: absolute;
B.position: fixed;
C.position: relative;
D.float: left;
答案：C
解析：标准文档流，指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的流式排列方式。前面内容发生了变化，后面的内容位置也会随着发生变化。HTML就是一种标准文档流文件。HTML中的标准文档流特点通过两种方式体现：微观现象和元素等级。
左右浮动、固定定位、绝对定位会脱离标准文档流，而相对定位是属于半脱离文档流
简答题1、Css选择器的优先级排序？
答：css选择器的优先级：important>行内样式>id>类>标签>*。
2.写出盒子模型的组成部分？
答：margrin外边距 padding内边距 border边框 content内容。
3.请说出CSS中"position"属性可能的取值，并分别描述他们？
答：position中有fixed固定定位、relative相对定位、absolute绝对定位、static静态定位；其中，fixed固定定位不会根据屏幕的滚动去改变位置、relative相对定位通常作为微调去使用，位置虽然改变，但是占位还是在原点、absolute绝对定位通常配合相对定位去使用，绝对定位不会受到网页大小的变化而被影响、static静态定位是position属性的默认值，无论怎么设置left、right、top、bottom都不会改变他的位置；
4.display的值和作用？
答：display中有4个值，none的作用是隐藏标签且不占位、block是将标签转换为块级标签、inline-block是将标签转换为行内块标签、inline是将标签转换成行内标签;
5.css3的新特性。
答：1、圆角效果；2、图形化边界；3、块阴影与文字阴影；4、使用RGBA实现透明效果；5、渐变效果；6、使用“@Font-Face”实现定制字体；7、多背景图；8、文字或图像的变形处理；9、多栏布局；10、媒体查询等。
6.写出正方形变圆形动画？。
答：div {
width:200px;
height:200px;
border-radius:50%;
animation:donghua 2s infinite linear;
}
@keyframe move {
100%{
background:red;
border-radius:50%;
}
}
7.Js数据类型有哪些？
答：JS的数据类型有number数字类型、string字符串类型、boolean布尔类型、null空置、未定义Underfined。
8.CSS的引用方式有哪些？它们的区别？
答：css的引用方式有：link标签引入外部css文件，@import引入外部css文件，行内引入，嵌入引用，通常写在
部分中9.Overflow:hidden的三层意思？
答：1.清除浮动样式、2.隐藏超出部分、3.解决坍塌问题
10.移入图片让那个图片慢慢放大。
答：
img:hover{
width:200px
height:200px
transition:(width 2s 1s, height 2s 1s)
}
自我总结：做题时只拿到62分，对于代码部分相对熟悉，理论知识还需完善
