自我评价:走在路上的菜鸟,想着CMS|WEB|SEO,做着可以成为牛掰程序seoer的梦!

当前位置:博客 > 前端开发 >

z-index的特点

思路: ➥z-index的结构/定位元素默认的z-index ➥z-index单位 ➥能不能用子元素和父元素比较 ➥父元素没有z-index,能不能通过子元素控制他们的层级=改变层级,父元素z-inde...

2021-07-12 11:29:57
z-index的特点

定位元素的异同点

定位的值 position: absolute绝对定位 position: relative相对定位 position: fixed固定定位 定位的相同点和不同点 ===相同点: 可以 设置top/ bottom/ left/right四个方位值,如果同时有top、...

2021-07-12 11:25:09
定位元素的异同点

定位之固定定位

固定定位- position: fixed 脱离文档流; 参照物是浏览器的可视窗口;任何元素都可以设置固定定位; 可设置top/ bot tom/left/ right四个方位 可通过z-index改变层级 !DOCTYPE htmlhtmlhead...

2021-07-12 11:23:38
定位之固定定位

定位之相对定位

相对定位特点 1.不会离文档流 占位 所有后面的元素不会往前跑 2.可以设置上下左右四个方位 如果同的设置了top和bottom值只有top起作用 如果同时设置了1et和right值只有...

2021-07-12 11:22:13
定位之相对定位

定位之绝对定位

定位元素元素层级元素定位滚动条 绝对定位- position: absolute;特点 脱离文档流 可以设置参照物,参照物必须是其父级元素(直系父级),如果直接父级没有会一直往上查 找直到...

2021-07-12 11:20:13
定位之绝对定位

clear的值和特点及伪元素before和after的使用

clear:both的特点 元素需是块级元素 元素不能带有浮动属性 元素必须放在最后一个浮动元素的后面 用户是看不到这个元素的 clearfix清浮动方法的属性 浮动元素的父级选择器...

2021-07-12 11:17:45
clear的值和特点及伪元素before和after的使用

如何让元素消失在我们的视野中(面试题)

/* 面试题:让元素消失在我们的视野中(发挥你的想象力) 1.透明度 opacity:0;[0~1] 2.display:none 隐藏 3.width:0/height:0和overflow:hidden 4.line-height:0和overflow: hidden(没有设置高度的情...

2021-07-12 11:16:23
如何让元素消失在我们的视野中(面试题)

clearfix的清浮动的技巧

/* 利用伪元素:after清除浮动必备的条件,缺一不可 1.块级元素 2.clear:both 3.content:"" */ display: block;/*确保元素是一个块级元素*/ clear: both;/*不允许左右两边有浮动对象*/...

2021-07-12 11:13:57
clearfix的清浮动的技巧

清浮动的方法

面试题:如何清浮动 给浮动元素的父元素手动添加一个固定的高度(不推荐) 给浮动元素的父元素设置overflow:hidden/auto .在浮动元素的父元素结束标签之前加一个具有块元素...

2021-07-12 11:11:58
清浮动的方法

浮动产生的影响

给父元素设置背景颜色属性不起作用 给父元素设置边框 border属性没有被撑开 给父元素设置内边距 padding属性也没有被撑开 !DOCTYPE htmlhtmlheadmeta charset="utf-8"title/titlestyle t...

2021-07-12 11:09:58
浮动产生的影响

手机端