前言
这里采用分主题和答案的方式，便于测试自己对主题的理解能力
HTML
主题
1、有什么浏览器，内核分别是什么？
2、quirks模式是什么？ 与标准模式有什么区别
3、盒子模型和奇怪的盒子模型
4、img的alt和title有什么区别？ strong与em的异同
5、你能解释渐进强化和优雅降级的区别吗？
6、cookie、会话存储、本地存储的区别
7、简要说明src和href的区别
8、html5有哪些新功能(基本必备问题) ) ) ) )。
9、什么是html的语义化
10、xhtml和html的区别
11、文档类型作用
12、实现浏览器多个标签之间通信的方法
13、为什么使用多个域名存储网站资源会更有效
14、区块级元素和行级元素分别有哪些，线内元素有哪些
CSS
主题
1、CSS3的新特性
2、CSS有哪些选择器
3、什么是CSS hack
4、将浮动元件垂直居中的方法
5、css中link和@import的区别
HTML的回答
1、有什么浏览器，内核分别是什么？
IE浏览器三角网
火狐浏览器gecko
谷歌浏览器blink
Safari浏览器webkit
2、quirks模式是什么？ 与标准模式有什么区别
很奇怪的模式。 考虑到浏览器兼容性，此模式会确定浏览器是否支持新功能，如果支持，则使用新功能；如果不支持，则使用以前的功能。
3、盒子模型和奇怪的盒子模型
盒子模型：一种常用的盒子模型，宽度高度包括边框和填充：宽度(高度)=边框填充宽度(高度) )
怪盒型号： width height。 边框和填充已经包含在width和height中
4、img的alt和title有什么区别？ strong与em的异同
alt :如果图像显示不正常，则alt内容用于替换文本
title :此属性是鼠标悬停在图像上时的值
strong :粗体，表示强调
(em )斜体字，更重的强调
5、你能解释渐进强化和优雅降级的区别吗？
渐进扩展：首先为低版本的浏览器构建页面，保证最基本的功能，然后向高版本的浏览器添加效果和功能
优雅降级：从一开始就构建最高版本浏览器的完整功能，并与低版本浏览器兼容
6、cookies、会话存储、本地存储的区别
cookie是一种会话跟踪技术，在一个会话的从开始到结束的整个过程中，跟踪记录登录信息、下载信息等客户端的状态
cookie :大小为4k，有效期在自己设定的有效时间内
会话存储：大小为5M，浏览器关闭后将销毁数据
本地存储：大小为5M，可以本地长期保存。 除非积极删除数据，否则数据不会过期
7、简要说明src和href的区别
src是source的缩写，它将创建的文件放在该位置，当浏览器分析后，浏览器首先加载该文件的内容，然后在下面运行。 因此，js文件一般写在body体的末尾。 (可以加快网页的访问速度。
href是Hypertext Reference的缩写，它指向网络资源的某个位置，并与当前元素或当前文档建立链接。 加载到此文件时，资源将并行下载，当前文档的处理不会停止。
8、html5有哪些新功能(基本必备问题) ) ) ) )。
音频视频(audtio ) (视频) ) ) )。
控件datalist、datetime、output、month、week、time、电子邮件URL等
画布canvas
本地存储，会话存储
地理API
9、什么是html的语义化
如果页面样式读取失败，可以使页面具有明确的结构
有利于搜索引擎优化(seo )，便于项目开发和维护
10、xhtml和html的区别
XHTML架构的语义更严格：
所有标记都必须有响应的结束标记
所有标签都必须是合理嵌套的
的所有属性都必须用引号引起来
照片必须有说明文
11、文档类型作用
指示浏览器用哪个文档类型分析此文档
12、实现浏览器多个标签之间通信的方法
文件合并、文件压缩和使用CDN托管
13、为什么使用多个域名存储网站资源会更有效
cdn缓存便利性、cookie带宽节约、响应速度优化
14、区块级元素和行级元素分别有哪些，线内元素有哪些
嵌段元素： div、ul、li、h1-h4、p
行级元素： span、b、a、abbr、em、I、sub、sup
内联元素： img、button、input
CSS的答案
1、CSS3的新特性
圆角、线性渐变、旋转、rgba、媒体查询、
2、CSS有哪些选择器
标签选择器、id选择器、类选择器、全局选择器、组选择器、后代选择器
3、什么是CSS Hack
为不同的浏览器写不同的css的过程
4、将浮动元件垂直居中的方法
如果你知道宽度的高低
width: 200px；
高： 200 px；
位置： absolute；
top: 50%
left: 50%
margin-top: -100px；
玛格琳- left :-100 px；
不知道宽度的高度时
margin : 0自动
position: absolute
left: 0
top: 0
right: 0
bottom: 0
5、css中link和@import的区别
link是html标记，@import由css提供
加载页面时也会同时加载link，但@import引用的css页面必须在页面加载完成后才能加载引用的css
@import与ie5以下浏览器不兼容