html.css部分知识整理

1.浏览器内核的理解

1,渲染引擎:负责取到网页的内容,整理讯息,然后输出只显示器,内核不同,语法解释不同,所以渲染的效果也不同。

2,js引擎:解析和执行javascript 来实现网页的动态效果,

2.css  sprites如何使用。

css精灵把一小堆的图片整合到一张大的图片上,减轻了服务器对图片的请求数量。

  1.静态图片,不随用户信息的变化而变化,

   2,小图片,图片容量比较小。

    3.加载量比较大。

3.清除浮动的几种方式,各自的优缺点

(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种方式,好多网站都这么用。

4,Doctype作用?标准模式与兼容模式各有什么区别?

 <doctype>  告知浏览器用什么文档标准解析这个文档。负责导致文档以兼容模式呈现。

标准模式的排版和JS的运作模式都是以该浏览器支持的最高标准运行,兼容模式中,页面以宽松的向后兼容的方式显示,

5.iframe有哪些缺点?

①iframe会阻塞主页面的Onload事件,搜索引擎的检索程序无法解读这种页面,不利于SEO;

②iframe和主页面共享连接池,而浏览器对相同域的连接有限制,所以会影响页面的并行加载。

使用iframe之前需要考虑这两个缺点。如果需要使用iframe,最好是通过javascript动态给iframe添加src属性值,这样可以绕开以上两个问题。

6.css3的新特性

border-radius:8px;      box-shadow:10px    

;text-shadow   gradient   transform rotate    scale  translate  skew 

 html5的兼容性问题使用  

document.createlement产生的标签,或者使用成熟的框架来兼容其它浏览器,比如html5shim

html5的新特性

1.canvas    2,video, audio    

3,对于本地离线储存的更好支持,

4.新的特殊内容元素,5,新的表单控件。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容