1.页面导入样式时，使用link和@import有什么区别？
1.link属于HTML标签，而@import完全是CSS提供的一种方式。
2.加载顺序的差别，当一个页面被加载的时候，link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载，
3.兼容性的差别，@import是CSS2.1提出的所以老的浏览器不支持，@import只有IE5以上才能识别，而link无此问题。
4.使用dom控制样式，控制dom去修改样式的时候，只能使用link，因为@import不是dom可以控制的。
2.<img>标签上title属性与alt属性的区别？
1.title属性可以用在任何属性上，当用户把鼠标移到元素上时，就会出现title的内容，起到了对图片说明的作用。
2.alt属性：当图片加载不出来时，就会在图片未显示的地方出现一段文字，方便用户浏览页面。
3.请写出至少5个html5新增的标签，并说明其语义和应用场景
section
nav
header
footer
aside
4.HTML与XHTML二者有什么区别？
XHTML的语法规则逼HTML更为严格与苛刻
5.iframe的优缺点？
优点：
1.iframe能够原封不动的把嵌入的网页展现出来。
2.如果有多个引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每个页面内容的更改，方便快捷。
缺陷：
1.会产生很多页面，不容易管理。
2.很多的移动设备完全显示框架，设备兼容性。
3.ifram框架页面会增加服务器的http请求，对于大型网站实不可取的。
6.全屏滚动的原理是什么？用到了CSS的那些属性？
7.什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？
8.：：before和：after中双冒号和单冒号的区别？解释一下这2个伪元素的作用？
单冒号是用于伪类，双冒号是用于CSS3伪元素。
9.怎么让Chorme支持小于12px的文字？
trasform：scale()这个属性可以缩放定义宽高的元素，而行内是没有宽高的，可以加上一个dispaly：inline-block。
10.简述一下你对语义化的理解？
⒈用正确的标签做正确的事情
⒉HTML语义化让页面的内容结构化，结构更清晰，便于对浏览器，搜索引擎解析；
⒊及时在没有样式CSS情况下也以一种文档格式显示，并且时任意阅读的；
⒋搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO；
⒌时阅读源代码的人对网站更容易将网站分块，便于阅读维护理解