HTMLamp;amp;css面试题
发布时间:2021-01-01 02:48:26 所属栏目:交互 来源:网络整理
导读:h1 id="htmlcss相关问题"HTMLcss相关问题 h3 id="xhtml和html有什么区别"1.XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言,XHTML是一个基于XMl的置标语言 最主要的不同 XHTML元素必须被正确地嵌套。 XHTML元素必须被关闭 标签名必须用小写字母 XHT
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种,好多网站都这样用
|