278浏览

0评论

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

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

• 空空 / htmlcss / 2022-11-02

251浏览

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

217浏览

0评论

z-index 的定位方法

z-index 属性设置元素的堆叠顺序，拥有更好堆叠顺序的元素会处于较低顺序元素之前，z-index 可以为负，且 z-index 只能在定位元素上奏效，该属性设置一个定位元素沿 z 轴的位置，如果为正数，离用户越近，为负数，离用户越远...

• 空空 / htmlcss / 2022-11-01

293浏览

0评论

position 属性的值有哪些及其区别

Position 属性把元素放置在一个静态的，相对的，绝对的，固定的位置中， Static：位置设置为 static 的元素，他始终处于页面流给予的位置，static 元素会忽略任何top,buttom,left,right 声明...

• 空空 / htmlcss / 2022-10-31