Web前端工程师实战入门

来源：西安达内教育IT培训机构时间：2021/1/16 16:32:17

　　1.说下行内元素和块级元素的区别？行内块元素的兼容性使用（IE8以下）
　　Q1)行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。
　　块级元素：各占据一行，垂直方向排列。从新行开始结束接着一个断行。

　　Q2)兼容性：display:inline-block;display:inline;zoom:1;

                                     

　　2.清除浮动有哪些方式？比较好的方式是哪一种？
　　1）父级div定义height。
　　2）结尾处加空div标签clear:both。
　　3）父级div定义伪类:after和zoom。
　　4）父级div定义overflow:hidden。
　　5）父级div定义overflow:auto。
　　6）父级div也浮动，需要定义宽度。
　　7）父级div定义display:table。
　　8）结尾处加br标签clear:both。
　　3.box-sizing常用的属性有哪些？分别有什么作用？
　　Q1)box-sizing:content-box|border-box|inherit;
　　Q2)content-box:宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框(元素默认效果)。
　　border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
　　4.页面导入样式时，使用link和import有什么区别？
　　1）link属于XHTML标签，除了加载CSS外，还能用于定义RSS,定义rel连接属性等作用；而import是CSS提供的，只能用于加载CSS;
　　2）页面被加载的时，link会同时被加载，而import引用的CSS会等到页面被加载完再加载;
　　3）import是CSS2.1提出的，只在IE5以上才能被识别，而link是XHTML标签，无兼容问题;
　　5.你能描述一下渐进增强和优雅降级之间的不同吗?
　　渐进增强progressive enhancement：针对低版本浏览器进行构建页面，增加基本的功能，然后再针对浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
　　优雅降级graceful degradation：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。
　　区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要。降级（功能衰减）意味着往回看；而渐进增强则意味着朝前看，同时增加其根基处于安全地带。
　　“优雅降级”观点
　　“优雅降级”观点认为应该针对那些、完善的浏览器来设计网站。而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的后阶段，并把测试对象限定为主流浏览器（如IE、Mozilla等）的个版本。
　　在这种设计范例下，旧版的浏览器被认为仅能提供“简陋却无妨(poor,but passable)”的浏览体验。你可以做一些小的调整来适应某个特定的浏览器。但由于它们并非我们所关注的焦点，因此除了修复较大的错误之外，其它的差异将被直接忽略。
　　“渐进增强”观点
　　“渐进增强”观点则认为应关注于内容本身。
　　内容是我们建立网站的诱因。有的网站展示它，有的则收集它，有的寻求，有的操作，还有的网站甚至会包含以上的种种，但相同点是它们全都涉及到内容。这使得“渐进增强”成为一种更为合理的设计范例。这也是它立即被Yahoo!所采纳并用以构建其“分级式浏览器支持(Graded Browser Support)”策略的原因所在。
　　6.什么是外边距重叠？重叠的结果是什么？
　　外边距重叠就是margin-collapse。
　　在CSS当中，相邻的两个盒子（可能是兄弟关系也可能是祖先关系）的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠，并且因而所结合成的外边距称为折叠外边距。
　　折叠结果遵循下列计算规则：
　　1）两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值。
　　2）两个相邻的外边距都是负数时，折叠结果是两者值的较大值。
　　3）两个外边距一正一负时，折叠结果是两者的相加的和。

尊重原创文章，转载请注明出处与链接：http://www.peixun360.com/3855/news/311639/违者必究！ 以上就是西安达内教育IT培训机构 小编为您整理 Web前端工程师实战入门的全部内容。