![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS
常用布局
道不同不相为谋而
这个作者很懒,什么都没留下…
展开
-
一个页面是如何渲染的,浅谈
浏览器页面渲染流程浏览器从HTTP服务器获取html文档,到呈现页面给用户,会经过以下几个步骤:a、解析文档构建DOM树浏览器的解析内容可以分为三个部分:HTML/XHTML/SVG:解析这三种文件后,会生成DOM树(DOM Tree) CSS:解析样式表,生成CSS规则树(CSS Rule Tree)JavaScript:解析脚本,通过DOM API和CSSOM API操作DOM Tree和CSS Rule Tree,与用户进行交互。以上三类文件的执行顺序会根据其在文档中的位置及其原创 2020-08-28 15:39:29 · 325 阅读 · 3 评论 -
常见的浏览器兼容问题
1、不同浏览器的标签默认的外补丁( margin )和内补丁(padding)不同解决方案: css 里增加通配符 * { margin: 0; padding: 0; }2、IE6双边距问题;在 IE6中设置了float , 同时又设置margin , 就会出现边距问题解决方案:设置display:inline;3、当标签的高度设置小于10px,在IE6、IE7中会超出自己设置的高度解决方案:超出高度的标签设置overflow:hidden,或者设置line-height的..原创 2020-08-28 15:28:15 · 130 阅读 · 0 评论