本文共 1174 字,大约阅读时间需要 3 分钟。
1.概念: 块内元素 行内元素 盒子模型;
2.css文件的引入方式有哪些? link和@import的区别是什么?
link属于xhtml标签,@import是css提供的一种方式;
link除了可以加载CSS以外还可以做很多其它事情,比如rss、定义rel链接属性等,@import就只能加载css了;
加载顺序的差别,当一个页面被加载的时候,link引用的css文件会同时被加载,而@import引用的css文件会等页面加载完成之后再加载。网速慢的时候会有网页闪烁的情况;
兼容性差别,@import是在CSS2.1以后才被支持的,link方式无兼容性问题;
使用dom控制样式时的差别,当使用javascript控制dom 去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的
3.前端页面分为哪三层?
1》结构层, 由html/xhtml之类的标记语言负责创建,对网页内容做出了描述;
2》表示层,由CSS负责创建,控制着网页样式呈现;
3》行为层,由javascript和dom操作的领域,负责对网页中的行为事件做出处理;
4.如何居中一个浮动元素?
1》设置容器的浮动方式为相对定位;
2》确定容器的高度和宽度;
3》然后设置层的外边距;
div{width:500px; height:300px; margin:-150px 0 0 -250px; position:absolute; left:50%; top;50%;}
5.DIV+CSS的布局较table布局有什么优势?
1》改版方便,只需要修改css;
2》页面加载速度快、结构清晰、页面显示简洁;
3》表现与结构相分离;
4》易于优化,搜索引擎更友好;
----------------------------------------------------------------------
1.常用的降低页面加载时间的方法有哪些?
2.使用哪些工具来测试代码性能? (jsperf, dromaeo)
3.什么是FOUC?你如何来避免FOUC?
文档样式暂时失效(flash of unstyled Content);
导致该问题的原因有:import方式导入样式文件;将样式表放在页面底部;
解决办法:将样式文件通过link方式导入到页面的head部分;
4.文档类型的作用?你常用的文档类型有哪些?
5.浏览器的标准模式和怪异模式的区别?
6.使用xhtml的局限性是什么?
7.如果页面使用"application/xhtml + xml”会有什么问题吗?
8.如果网页需要支持多语言,该怎么做?
9.在html5的页面中可以使用xhtml的语法吗?
10.在html5中如何使用xml?
11.'data-'属性的作用是什么?
转载地址:http://puadi.baihongyu.com/