美文网首页
html.css部分知识整理

html.css部分知识整理

作者: 有梦才不怕痛_19ed | 来源:发表于2017-09-21 17:41 被阅读0次

    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,新的表单控件。

    相关文章

      网友评论

          本文标题:html.css部分知识整理

          本文链接:https://www.haomeiwen.com/subject/gzctextx.html