![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS+HTML
AvengerDrJ
I promise
展开
-
css实现左侧固定,右侧自适应布局,比例1:2:3
css实现左侧固定,右侧比例1:2:3布局注意: flex 由该三个属性结合 flex-grow flex-shrink flex-basis<!-- 弹性布局 --><style> .container{ height: 100px; border: 1px solid blue; display: flex; } .container>div{原创 2021-02-17 16:06:48 · 700 阅读 · 1 评论 -
html5表单总结
1.form中的属性form为表单标签,其中有两个重要的属性1. method:为请求的方式 get:是以url传递的,因地址栏长度有限,数据量也有限制,而且传递数据要在ASCCI码值范围内,否则会有乱码 post:在数据传递之前会先将数据打包,虽然效率会比较慢,但是穿过的数据都能正确解析,所以传中文不会有乱码2. action:是表单提交给的url地址,如果我们没有设置action属性,那么默认的表单还是提交给当前页面2.input中常用的属性1. name:规定input元素的名称,用于原创 2020-11-06 20:48:56 · 171 阅读 · 0 评论 -
重绘,回流总结
1.重绘,回流(重排)是什么?区别?回流(重排):render tree 中的一部分或全部,因为元素的规模尺寸,布局,隐藏等改变而需要重新构建,这就称为回流(reflow)每个页面至少需要一次回流,页面第一次加载的时候,因为要构建 render tree,这时候一定会发生回流的重绘:render tree中的一些元素需要更新属性,而这些属性只是影响元素的外观,风格,而不会影响布局的,就叫称为重绘区别:回流必将引起重绘,而重绘不一定会引起回流比如:只有颜色改变的时候就只会发生重绘而不会引起原创 2020-11-05 21:29:59 · 120 阅读 · 0 评论 -
css解析逆序匹配
1.css解析什么时候开始1. HTML 经过解析生成 DOM Tree2. 而在 CSS 解析完毕后,需要将解析的结果与 DOM Tree 一起进行分析建立一棵 Render Tree,最终用来进行绘图3. 在建立 Render Tree 时,浏览器就要为每个 DOM Tree 中的元素根据 CSS 的解析结果来确定生成怎样的 renderer4. 选择器的「解析」实际是在这里执行的,在遍历 DOM Tree 时,从 Style Rules 中去寻找对应的 selector2.css解析为什么原创 2020-10-29 18:28:35 · 237 阅读 · 0 评论 -
BFC与清除浮动总结
1.BFC是什么?清除浮动是什么?1. BFC叫作块级格式上下文,BFC是一个渲染规则。2. 该区域拥有一套渲染规则来约束块级盒子的布局,且与区域外部无关。3. 只要触发了这些规则就会对这个块级区域, 重新计算父子元素之间的关系和子元素的高度,从而重新计算出父元素的高度在渲染1. 清除浮动的原理:clear属性,让这块的元素触发 BFC1.清除浮动的方法?形成BFC的常见条件?清除浮动的方法:1. 利用 clear 属性 父元素内部末尾增加一个额外标签,如空div,使用 clear:bo原创 2020-10-29 16:43:26 · 525 阅读 · 0 评论 -
什么是同源策略
1.同源策略是什么?同源策略是一种约定,它是浏览器最核心也最基本的安全功能如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。它是一个安全策略。所有支持JavaScript的浏览器都会使用这个策略满足同源的三个条件:所谓同源是指,域名、协议、端口相同。2.为什么要同源限制?同源策略存在的意义:非同源下的 cookie 等隐私数据可以被随意获取非同源下的 DOM 可以的随意操作ajax 可以任意请求的话,用原创 2020-10-27 19:25:09 · 10026 阅读 · 0 评论 -
css选择器权值计算
1.CSS优先级算法如何计算?1. 如果权重值一样,则按出现的先后顺序2. 还可以用 !important 强制提升优先级 !important优先级最高3. 继承的没有权重4. 权重0 > 继承没有权重css选择器权重值行内样式1000id0100class,类属性值0010标签,伪元素0001*0000继承没有权值,比0还小...原创 2020-10-26 18:52:24 · 208 阅读 · 1 评论