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、新的技能

• （编辑：湖南网）

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