2021年3月9日
z-index堆叠顺序
摘要： 堆叠顺序： z-index:number ; 默认值auto，可以取负值 取值越大,层级越往上 必须配合定位使用(static除外) 阅读全文
posted @ 2021-03-09 23:06 紫豹豹 阅读(71) 评论(0) 推荐(0)
BFC ：块级格式化上下文
摘要： BFC ( Block formatting context )直译为“块级格式化上下文”。 他是一个独立渲染的区域，它规定了内部如何布局,容器里面的子元素不会在布局上影响到外面的元素。 如何产生BFC ? 1、float取值left或者right； 2、Position 取值为absolute或者 阅读全文
posted @ 2021-03-09 22:47 紫豹豹 阅读(57) 评论(0) 推荐(0)
清除浮动的影响
摘要： 清除浮动的影响: ①给浮动元素的父元素设置高度 (需要高度是已知的) ②给浮动元素的父元素加 overflow:hidden/auto; （常用）(开启BFC格式:变为独立的一块, 子元素不会在布局上影响父元素) ③给受影响的元素加 clear:left/right/both; ④空div法 (弊端 阅读全文
posted @ 2021-03-09 22:42 紫豹豹 阅读(155) 评论(0) 推荐(0)
厂商前缀
摘要： 厂商前缀是用于浏览器对C3新特性的支持 浏览器 厂商前缀 内核 | 谷歌 | -webkit- | blink | | 苹果 | -webkit- | webkit | | 火狐 | -moz- | gecko | | 欧朋 | -o- | blink | | I E | -ms- | triden 阅读全文
posted @ 2021-03-09 22:15 紫豹豹 阅读(123) 评论(0) 推荐(0)
盒模型转换
摘要： box-sizing: content-box; 为默认值，标准盒模型 box-sizing: border-box; 怪异盒模型 阅读全文
posted @ 2021-03-09 21:59 紫豹豹 阅读(71) 评论(0) 推荐(0)
弹性盒模型flexbox
摘要： 弹性盒模型用到的一些属性 1、写在父元素上的属性 1)开启弹性布局（元素默认水平排列） display:flex; 2)设置子元素的排列方式(即弹性盒的方向) flex-direction: ; row 默认值，子元素从左往右排列 row-reverse 子元素从右往左排列 column 子元素从上 阅读全文
posted @ 2021-03-09 21:57 紫豹豹 阅读(76) 评论(0) 推荐(0)