前端第一阶段-18（HTML和css面试题）

简答题

1、<!DOCTYPEhtml>文档声明的意义是什么，如果不加会怎么样

2、常见的块级标签、行内标签、行内块标签都有哪些

3、a标签都有哪些用法

4、img中的src title alt属性都是什么意思

5、html5新增的标签都有哪些

6、什么是语义化，为什么要语义化呢

7、哪些样式可以继承呢

8、选择器的优先级是什么

9、什么是盒子模型，都有哪几部分组成

10、什么是浮动、浮动有什么特点、如何清除浮动

11、有几种定位，他们都是相对什么参照物定位的

12、列出几种css3的选择器

13、变形有哪几种，为什么推荐使用变形

14、渐进增强和优雅降级

代码题

1、一个宽100，高100的div如何在页面中上下左右居中

2、一个宽度100%，高50px的p标签中，hello world文字怎么上下左右居中

3、实现两列布局（左边定宽100，右边宽度自适应）

4、一个p标签内有一个img标签和一个span标签，怎么保证文字图片居中对齐

答案

简答题答案

1、

<!DOCTYPEhtml>声明文档的解析类型，用标准模式，浏览器使用W3C的标准解析渲染页面，避免浏览器的怪异模式表示网页采用html5，如果不加上，浏览器会以自己的方式解析渲染页面，导致用不同浏览器打开出现的效果不同，有些样式不生效

2、

常见块级标签：div、p、table、form、hr、ul、ol、dl、li、h1-h6 

常见行内标签：span、sub、sup、del、s、b、strong、small、em、i

行内块：img、input、audio、video、button

3、

a标签用于超链接，可以链接到内部的网页、外部的网页、文字、图片、视频、音频等，还可用于下载

4、

img中的src属