页面导入样式，使用link和@import有什么区别？答：区别一：本质区别：link是一个XHTML标签，而@import完全是CSS提供的一种方式。区别二：加载顺序的区别：当一个页面被加载时（即浏览者浏览时），链接引用的CSS会同时加载，而@import引用的CSS会等待直到页面在加载之前完全下载。.所以有时候在浏览@import加载了CSS的页面时，会出现没有样式（也就是闪烁）的情况，在网速慢的时候还是比较明显的。区别三：兼容性的区别：@import是CSS2.1提出的，旧浏览器不支持。@import只能被IE5以上识别，但是link标签没有这个问题。区别四：使用dom(documentobjectmodeldocumentobjectmodel)控制样式时的区别：使用javascript控制dom改变样式时，只能使用link标签，因为@import不受主场。![]()
标签的title属性和alt属性有什么区别？答：title属性是鼠标上拉时显示的内容。alt属性是为那些看不到文档中的图像的查看者提供文本描述。请至少写出5个html5的新标签，并说明它们的语义和应用场景Answer:section：定义文档中的一个sectionnav：定义一个只包含导航链接的sectionheader：定义一个页面或section的头部。它通常包括徽标、页面标题和导航目录。footer：定义页面或章节的页脚。它通常包含版权信息、法律信息的链接以及反馈建议的地址。aside：定义与页面内容不太相关的内容——如果去掉，剩下的内容还是很合理的。HTML与XHTML-有什么区别？答：HTML元素必须正确嵌套。XHTML元素必须是封闭的。标记名称必须为小写字母。XHTML文档必须有一个根元素。5、iframe有什么优缺点？答：优点：a．解决图标、广告等第三方内容加载慢的问题b．iframe上传文件时不刷新c.iframe跨域通信缺点：a．iframe会阻塞主页面的Onload事件b．无法访问某些搜索引擎索引到c。页面会增加服务器的http请求d．会产生很多页面，不好管理。全屏滚动的原理是什么？使用了CSS的哪些属性？答：原理：有点类似轮播，整体元素一直排列，假设有5个全屏页面显示，那么高度为500%，只显示100%，其余可以通过变换定位在y轴上。溢出：隐藏；transition：所有1000ms的ease都可以通过margin-top实现；什么是响应式设计？响应式设计的基本原则是什么？如何兼容低版本IE？答：响应式网页设计（ResponsiveWebdesign）是一个可以兼容多种终端的网站，而不是针对每个终端做一个特定的版本。基本原理是通过媒体查询检测不同的设备屏幕尺寸进行处理。页面头部的元声明中必须有一个视口。::beforeand:afterdouble什么冒号和单冒号的区别是什么？解释一下这2个伪元素的作用答案：单冒号（:）表示CSS3伪类，双冒号（::）表示CSS3伪元素。::before是在元素体内容之前定义的伪元素，存在一个子元素。它不存在于dom中，只存在于页面中。:before和:after这两个伪元素是CSS2.1中新增的。起初，伪元素的前缀使用单冒号语法，但随着Web的演进，在CSS3规范中，伪元素的语法被修改为使用双冒号，成为::before::在HowtomakeChromesupportlessthan12pxText?之后？答：p{font-size:10px;-webkit-transform:scale(0.8);}//0.8是缩放比例简单描述一下你对HTML语义的理解？答案：1.贴对标签做对的事。2、HTML语义使页面内容更加结构化，更加清晰，便于浏览器和搜索引擎分析；3、即使没有样式CSS，也以文档格式显示，易于阅读；4、搜索引擎爬虫也依靠HTML标签来确定每个关键词的上下文和权重，使用SEO；5、让阅读源代码的人更容易将网站分块，便于阅读、维护和理解。
