244浏览

0评论

position 属性 比较

固定定位 fixed： 元素的位置相对于浏览器窗口是固定位置，即使窗口是滚动的它也不会移动。Fixed 定位使元素的位置与文档流无关，因此不占据空间。 Fixed 定位的元素和其他元素重叠。 相对定位 relative：...

• 空空 / htmlcss / 2022-10-27

228浏览

0评论

双边距重叠问题（外边距折叠）

多个相邻（兄弟或者父子关系）普通流的块元素垂直方向 marigin 会重叠 折叠的结果为： 两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值。...

• 空空 / htmlcss / 2022-10-27

220浏览

0评论

visibility=hidden, opacity=0，display:none

opacity=0，该元素隐藏起来了，但不会改变页面布局，并且，如果该元素已经绑定一些 事件，如 click 事件，那么点击该区域，也能触发点击事件的 visibility=hidden，该元素...

• 空空 / htmlcss / 2022-10-27

231浏览

0评论

多行元素的文本省略号

display: -webkit-box-webkit-box-orient:vertical-webkit-line-clamp:3overflow:hidden...

• 空空 / htmlcss / 2022-10-27

231浏览

0评论

说一下块元素和行元素

块元素：独占一行，并且有自动填满父元素，可以设置 margin 和 pading 以及高度和宽度 行元素：不会独占一行，width 和 height 会失效，并且在垂直方向的 padding 和 margin会失效。...

• 空空 / htmlcss / 2022-10-27

198浏览

0评论

关于 JS 动画和 css3 动画的差异性

渲染线程分为 main thread 和 compositor thread，如果 css 动画只改变 transform 和 opacity，这时整个 CSS 动画得以在 compositor trhead 完成（而 JS 动画则会在...

• 空空 / htmlcss / 2022-10-27

246浏览

0评论

垂直居中的方法

(1)margin:auto 法 css: div{ width: 400px; height: 400px; position: relative; border: 1px solid #46...

• 空空 / htmlcss / 2022-10-27

230浏览

0评论

BFC（块级格式化上下文，用于清楚浮动，防止 margin 重叠等）

直译成：块级格式化上下文，是一个独立的渲染区域，并且有一定的布局规则。 BFC 区域不会与 float box 重叠 BFC 是页面上的一个独立容器，子元素不会影响到外面...

• 空空 / htmlcss / 2022-10-27

182浏览

0评论

Flex 布局

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool（语法篇）http://www.ruanyifeng.com/blog/2015/07/f...

• 空空 / htmlcss / 2022-10-27

191浏览

0评论

transition 和 animation 的区别

Animation 和 transition 大部分属性是相同的，他们都是随时间改变元素的属性值，他们的主要区别是 transition 需要触发一个事件才能改变属性，而 animation 不需要触发任何事件的情况下才会随时间改变属性值，...

• 空空 / htmlcss / 2022-10-27