![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
日常总结
亿光年距离
刚入坑的小怪兽
展开
-
左中右三栏布局
左中右三栏布局,中间自适应 下面将介绍三种方法实现这种布局 第一种当然是定位了 父级相对定位(relative),左右子元素绝对定位(absolute) 中间盒子要设置左右margin值,值为左右盒子宽度,设置padding也行 为什么呢?因为绝对定位元素脱离了普通文档流了(就像飘在上面一样) <head> <style> ...原创 2019-05-31 12:50:38 · 444 阅读 · 0 评论 -
块级盒子的绝对居中的方法
块级盒子的绝对居中在不知道父元素和子元素宽高的情况下第一种使用弹性和模型(flex)第二种使用定位在知道父元素和子元素宽高的情况下第一种使用父元素padding值第二种使用子元素margin值不知道父级宽高,知道子元素宽高 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-...原创 2019-05-29 11:50:52 · 711 阅读 · 0 评论 -
W3C盒模型和IE盒模型的差异
W3C盒模型和IE盒模型的区别 盒模型的定义(标准盒模型) CSS 盒模型 (或者框模型)(Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。在 CSS 中,width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。 content宽度不包含边框和内边距 盒模型的定义(非准盒模型(IE6版本以...原创 2019-05-29 15:29:36 · 315 阅读 · 0 评论 -
普通函数和箭头函数的区别
普通函数的定义(声明) JavaScript 函数通过 function 关键词进行定义,其后是函数名和括号 ()。 函数名可包含字母、数字、下划线和美元符号(规则与变量名相同) 参数依次写进圆括号内,并用逗号隔开 //普通函数可以使用表达式或者函数声明来创建,也可用函数的构造函数 // 函数表达式 let getMassagesList = function (x,...原创 2019-05-29 16:25:05 · 348 阅读 · 0 评论 -
清楚浮动的方法
为什么要清楚浮动 因为浮动存在浮动父级高度塌陷的缺陷,所以要清楚浮动 父级高度塌陷是因为浮动的元素脱离了普通文档流,也就是浮起来了,没有可以撑起父元素高度的了高度就变成0了 清楚浮动的方法 浮动在布局中常用,所以面试时也是经常提问的问题 下面几种常用的清楚浮动的方法 下面为所有方法的前提布局 清除浮动原理:就是让其重新审查自己内部的元素,使其包裹住所有元素,从而达到清楚浮动的效(即BFC) BFC...原创 2019-05-29 17:35:56 · 360 阅读 · 0 评论 -
sessionStorage和localStorage的区别
sessionStorage和localStorage localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。 这两个都是window下的属性 sessionStorag sessionStorage 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。 别的窗口也是无法获取到 一次性存储数据相对cookie较...原创 2019-05-29 18:17:37 · 201 阅读 · 0 评论 -
rem和em的认识
rem和em的区别 rem和em都是相对单位,根据比例来的 rem是相对于html根节点的字体大小来的,也就是说1rem等于根节点的字体大小 如:html{font-size: 14px} 那么1rem=14px ...原创 2019-06-27 16:28:10 · 238 阅读 · 0 评论