qq_50090137的博客

目录 浏览器渲染原理 浏览器渲染的6个步骤 三种不同的渲染(更新)方式 第一种 全走 第二种 跳过布局 第三种 跳过布局与绘制 动画的原理 浏览器渲染原理 chrome开发者工具可以查看哪些是重新绘制渲染的 步骤：chrome右键“检查”-> 按下esc -> 左上角三个点 -> 点击"Rendering" -> 勾上"paint flashing" 然后页面重新渲染时绿色就表示重新绘制(repaint) 浏览器渲染的6个步骤 创建HTML DOM 创建CSS..

CSS定位 1 一个div的分层 首先需要明确一个点：布局是屏幕平面上的，而定位是垂直于屏幕上的，background是包含border的，即是background处于border更下一层。 div分层 从上往下 定位元素z-index为正的元素，在所有元素之上，只要是正常文字，不管出现在那个div里，根据先后出现覆盖。 定位元素（z-index=0 | 1| 2…） 内联子元素(文字内容) 浮动元素（float:left | right）//脱离了文档流，比之前上升了一点，即是浮动 块级子元素(div)

CSS3学习笔记 哪些浏览器支持css的某个元素特性? 一个在线网站可以查询点击 1. CSS reset *{ margin:0; padding:0 box-sizing:border-box; } ol,ul{ list-style:none; } a{ text-decoration:none; } table{ border-collapse:collapse; border-spacing:0; } 2. 体系化学习css 搜索css文档

HTML 笔记总结 快捷操作 在vscode中，按“！”再按下回车，html起手式就完成了。 按“table+” enter 就可以快捷生成table的基本样式 章节标签&&全局属性 章节标签 h1~h6 标题 section 章节 p 段落 footer 常常用于版权声明；格式为： <footer>&copy;版权所有zxh</footer> main 主要内容：位于header和footer之间 aside 旁支内容：用于导航或者参考资料文献