![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 87
winter tree
h
展开
-
浏览器渲染原理
目录浏览器渲染原理浏览器渲染的6个步骤三种不同的渲染(更新)方式第一种 全走第二种 跳过布局第三种 跳过布局与绘制动画的原理浏览器渲染原理chrome开发者工具可以查看哪些是重新绘制渲染的步骤:chrome右键“检查”-> 按下esc -> 左上角三个点 -> 点击"Rendering" -> 勾上"paint flashing"然后页面重新渲染时绿色就表示重新绘制(repaint)浏览器渲染的6个步骤创建HTML DOM创建CSS..原创 2021-09-01 12:26:19 · 83 阅读 · 0 评论 -
CSS定位
CSS定位1 一个div的分层首先需要明确一个点:布局是屏幕平面上的,而定位是垂直于屏幕上的,background是包含border的,即是background处于border更下一层。div分层 从上往下定位元素z-index为正的元素,在所有元素之上,只要是正常文字,不管出现在那个div里,根据先后出现覆盖。定位元素(z-index=0 | 1| 2…)内联子元素(文字内容)浮动元素(float:left | right)//脱离了文档流,比之前上升了一点,即是浮动块级子元素(div)原创 2021-08-31 21:50:19 · 155 阅读 · 0 评论 -
CSS3笔记
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文档原创 2021-08-11 12:12:32 · 70 阅读 · 0 评论 -
HTML5笔记
HTML 笔记总结快捷操作在vscode中,按“!”再按下回车,html起手式就完成了。按“table+” enter 就可以快捷生成table的基本样式章节标签&&全局属性章节标签h1~h6 标题section 章节p 段落footer 常常用于版权声明;格式为:<footer>©版权所有zxh</footer>main 主要内容:位于header和footer之间aside 旁支内容:用于导航或者参考资料文献原创 2021-08-11 12:11:05 · 118 阅读 · 0 评论