450浏览

0评论

visibility=hidden, opacity=0，display:none

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

• 空空 / htmlcss / 2022-10-27

454浏览

0评论

多行元素的文本省略号

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

• 空空 / htmlcss / 2022-10-27

443浏览

0评论

说一下块元素和行元素

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

• 空空 / htmlcss / 2022-10-27

464浏览

0评论

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

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

• 空空 / htmlcss / 2022-10-27

483浏览

0评论

垂直居中的方法

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

• 空空 / htmlcss / 2022-10-27

457浏览

0评论

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

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

• 空空 / htmlcss / 2022-10-27

457浏览

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

430浏览

0评论

transition 和 animation 的区别

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

• 空空 / htmlcss / 2022-10-27

488浏览

0评论

link 标签和 import 标签的区别

link 属于 html 标签，而@import 是 css 提供的页面被加载时，link 会同时被加载，而@import 引用的 css 会等到页面加载结束后加载。 link 是 html 标签，因此没有兼容性，而@import...

• 空空 / htmlcss / 2022-10-26

494浏览

0评论

画一条 0.5px 的线

采用 meta viewport 的方式 <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />...

• 空空 / htmlcss / 2022-10-26