322浏览

0评论

display:none 和 visibilty:hidden 的区别

1. visibility：hidden，该元素隐藏起来了，但不会改变页面布局，但是不会触发该元素已经绑定的事件 2. display：none，把元素隐藏起来，并且会改变页面布局，可以理解成在页面中把该元素删除掉。...

• 空空 / htmlcss / 2022-11-02

195浏览

0评论

说说盒子模型

CSS 盒模型本质上是一个盒子，封装周围的 HTML 元素，它包括：边距，边框，填充，和实际内容。 标准盒模型：一个块的总宽度=width+margin(左右)+padding(左右)+border(左右) 怪异盒模型：一个...

• 空空 / htmlcss / 2022-11-02

277浏览

0评论

使元素消失的方法有哪些？

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

• 空空 / htmlcss / 2022-11-02

250浏览

0评论

box-sizing 的语法和基本用处

box-sizing 规定两个并排的带边框的框，语法为 box-sizing：content-box/border-box/inherit content-box：宽度和高度分别应用到元素的内容框，在宽度和高度之外绘制元素的内边距...

• 空空 / htmlcss / 2022-11-02

250浏览

0评论

清除浮动的方法

给要清除浮动的元素添加样式 clear， 父元素结束标签钱插入清除浮动的块级元素，给该元素添加样式 clear 添加伪元素，在父级元素的最后，添加一个伪元素，通过清除伪元素的浮动，注意该伪元素的 display 为 bloc...

• 空空 / htmlcss / 2022-11-01

278浏览

0评论

overflow 的原理

要讲清楚这个解决方案的原理，首先需要了解块格式化上下文，A block formatting contextis a part of a visual CSS rendering of a Web page. It is the reg...

• 空空 / htmlcss / 2022-11-01

230浏览

0评论

了解重绘和重排吗，知道怎么去减少重绘和重排吗，让文档脱离文档流有 哪些方法

DOM 的变化影响到了预算内宿的几何属性比如宽高，浏览器重新计算元素的几何属性，其他元素的几何属性也会受到影响，浏览器需要重新构造渲染书，这个过程称之为重排，浏览器将受到影响的部分重新绘制在屏幕上 的过程称为重绘 引起重排重绘的原...

• 空空 / htmlcss / 2022-11-01

204浏览

0评论

inline-block、inline 和 block 的区别

Block 是块级元素，其前后都会有换行符，能设置宽度，高度，margin/padding 水平垂直方向都有效。 Inline：设置 width 和 height 无效，margin 在竖直方向上无效，padding 在水平方向垂...

• 空空 / htmlcss / 2022-11-01

243浏览

0评论

line-height 和 height 的区别

line-height 一般是指布局里面一段文字上下行之间的高度，是针对字体来设置的，height一般是指容器的整体高度。...

• 空空 / htmlcss / 2022-11-01

276浏览

0评论

对 CSS 的新属性有了解过的吗？

CSS3 的新特性中，在布局方面新增了 flex 布局，在选择器方面新增了例如first-of-type,nth-child 等选择器，在盒模型方面添加了 box-sizing 来改变盒模型，在动画方面增加了 animation，2d...

• 空空 / htmlcss / 2022-11-01