212浏览

0评论

浮动清除

方法一：使用带 clear 属性的空元素 在浮动元素后使用一个空元素如<div class="clear"></div>，并在 CSS 中赋予.clear{clear:both;}属性即可清理浮动。亦可使用...

• 空空 / htmlcss / 2022-10-27

242浏览

0评论

position 属性 比较

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

• 空空 / htmlcss / 2022-10-27

224浏览

0评论

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

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

• 空空 / htmlcss / 2022-10-27

218浏览

0评论

visibility=hidden, opacity=0，display:none

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

• 空空 / htmlcss / 2022-10-27

228浏览

0评论

多行元素的文本省略号

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

• 空空 / htmlcss / 2022-10-27

227浏览

0评论

说一下块元素和行元素

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

• 空空 / htmlcss / 2022-10-27

195浏览

0评论

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

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

• 空空 / htmlcss / 2022-10-27

243浏览

0评论

垂直居中的方法

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

• 空空 / htmlcss / 2022-10-27

227浏览

0评论

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

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

• 空空 / htmlcss / 2022-10-27

177浏览

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