- 博客(14)
- 收藏
- 关注
RSS订阅
1转载 浏览器解析渲染页面
浏览器解析渲染页面分为一下五个步骤：根据HTML解析DOM树根据CSS解析生成CSS规则树结合DOM树和CSS规则树，生成渲染树根据渲染树计算每一个节点的信息（布局）根据计算好的信息绘制页面
2022-06-27 12:46:24
268
原创 外边距合并
定义块级元素的上下外边距有时会合并（或折叠）为一个外边距，其大小取其中的最大值浮动元素和绝对定位元素的外边距不会折叠场景相邻元素相邻的两个块级元素之间的外边距会折叠父子元素如果在父元素与其第一个子元素之间不存在边框，内边距，行内内容，也没有创建块格式化上下文或者清楚浮动将两者的margin-top分开，父子外边距会折叠空的块级元素如果一个块级元素中不包含任何内容，并且在其margin-top与 margin-bottom 之间没有边框、内边距、行内内容、height、min-heig
2022-05-14 15:49:27
52
原创 CSS盒模型
盒模型的各个部分盒模型组成Content: 这个区域是用来显示内容，大小可以通过设置 width 和 height.Padding: 包围在内容区域外部的空白区域； 大小通过 padding 相关属性设置。Border: 边框盒包裹内容和内边距。大小通过 border 相关属性设置。Margin: 这是最外面的区域，是盒子和其他元素之间的空白区域。大小通过margin 相关属性设置标准盒模型设置的width 和 height 指的是Contenmargin不计入实际大小，但会影响盒
2022-05-14 15:28:33
60
原创 CSS的样式优先级
样式来源使用不同的选择器设置的样式浏览器默认样式继承的样式优先级顺序!import > 内联样式 > 选择器设置样式 > 浏览器默认样式 > 继承样式!import!import的优先级最高尽量少用!import，除非迫不得已比如队友写了垃圾代码如内联样式，需要覆盖掉比如有一些高优先级的代码，只能通过!import来覆盖浏览器默认样式继承样式样式的继承还要看属性能否继承（一般跟本文有关的样式都是可继承的）继承属性color、
2022-05-14 12:59:05
483
原创 CSS选择器
选择器分类元素选择器（标签选择器）p {color: red;}ID选择器#box {border: 1px solid red;}类选择器.active {font-size: 20px;}通用选择器{box-sizing: border-box;}属性选择器[attr] 选择包含 attr 属性的所有元素，不论 attr 的值为何。[attr=val] 仅选择 attr 属性被赋值为 val 的所有元素。[disabled] {border
2022-05-14 12:30:25
61
原创 CSS引入
css基本语法<!DOCTYPE html> <html> <head> <style> p { font-size: 20px; } @media print { font-size: 60px; } </style> </head> <body> <p>阿宇</p> </body></h
2022-05-08 13:24:45
351
原创 HTML5
什么是HTML5分为广义和侠义的定义狭义的HTML5指新版本的HTML语⾳，具有新的元素、属性、⾏为⼴义的HTML5泛指实现复杂⽹站⽤到的⼀系列新技术集HTML5所包含的新技术新增一些语义化标签如 header footer main section figure aside nav 等，拥有更丰富的表单类型性能的提示⽐如 Web Workers， 对XMLHttpRequest升级，优化JavaScript引擎新的通信机制⽐如WebSock、服务端推送事件、W
2022-05-08 13:06:10
378
原创 HTML重点标签
iframe（它能将另一个HTML页面嵌入当前页面中）<iframe width=“300” height=“200” src=“//baidu.com” referrerpolicy=“noreferrer” sandbox=“allow-scripts”>a （超链接）属性herf1.网址2.路径3.伪协议javascript:void 0mailto: xxx@xxx.comtel: 13123443214.锚点href = “#”targe
2022-05-08 12:04:25
90
原创 html笔记--了解初始化html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2022-04-30 14:29:05
881
原创 git笔记
git基础使用在本地初始化仓库git init将已有项目clone到本地git clone git@github.com:xxx/yyy.git如果显示(yes/no/[fingerprint])情况输入yes如果显示报错(Permission denied)时，需要先配置通信公钥配置公钥首先打开终端，输入ssh-keygen -t rsa -b 4096 -C "your_email@example，然后一直按回车，最后会生成公钥文件，最后再输入cat ~/...
2022-04-30 13:51:56
487
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人