HTMLamp;amp;css面试题

W3C标准盒子模型 box-sizing:content-box;（标准模式）默认模式

content-box:这是默认样式指定CSS标准。测量width和height属性只包括的内容，但不是border,margin,或者 padding。

padding-box:width和height属性包括padding的大小，不包括border和margin

border-box:width和height属性包括padding和border，但不是margin。这是盒模型的文档时，Internet Explorer使用Quirks模式。

content-box不包含padding，border-box包含padding。所以如果你设置的大小是一样的，content-box看起来，会比border-box大

• 行内元素：会在水平方向排列，不能包含快级元素，设置width无效，height无效（可以设置line-height），margin上下无效，padding上下无效
• 块级元素：各占据一行，垂直方向排列。从新行开始结束接着一个断行
• 兼容性：display:inline-block;display:inline;zoom:1;

• 1.link属于HTML标签，除了加载CSS外，还能用于定义RSS，定义rel连接属性等作用；而@import是CSS提供，只能加载CSS;
• 2.页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载；
• import是CSS2.1提出的，只在IE5以上才能被识别，而link是HTML标签，无兼容问题；

• 内联，内嵌，外链，导入
• 区别：同时加载，
• 前者无兼容性，后者css2.1以下浏览器不支持
• link支持使用javascript改变样式，后者不可。

• 1、主要分成两部分：渲染引擎（layout engineer或Rendering Engine）和JS引擎。
• 2、渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等）、以及计算网页的显示方式、然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同、所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其他需要编辑、显示网络内容的应用程序都需要内核
• 3、JS引擎则：解析和执行javascript来实现网页的动态效果。
• 4、最开始渲染引擎和JS引擎并没有区分得很明确，后来JS引擎越来越独立，内核九倾向于只指渲染引擎。

• box-sizing：content-box|border-box|inherit
• content-box：宽度和高度分别应用到元素的内容框。

• 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种，好多网站都这样用

• HTML5现在已经不是SGML的子集，主要是关于图像，位置，存储，多任务等功能的增加；
• 1、绘画canvas；
• 2、用于媒介回放的video和auto元素；
• 3、本地离线存储localStorage长期存储数据，浏览器关闭后数据不丢失；
• 4、sessionStorage的数据在浏览器关闭后自动删除；
• 5、语意化更好的内容元素，比如article、footer、header、nav、section；
• 6、表单控件：calendar、date、time、url、search；

• 7、新的技术

• （编辑：核心网）

  【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!