css中常见的问题

xiaoxiao2021-02-28  16

1. margin:0 auto 和text-align区别: 

margin:0 auto 是本块元素位于其父元素中位置是水平居中的,text-align是指该块元素内部的行内内容是水平居中的。

2. box{color:red !important;}

可以更改默认的CSS样式优先级规则,使该条样式属性声明具有最高优先级,

3. display: inline-block; 

设置该属性的两个相邻的块,中间不是紧贴的,有一个3px(一般3px-4px,浏览器差异有时候会变)的间距。

4.min-height和min-width

有些时候我们是不知道中间内容区域有多高的,但又想让该区域的高度恰好能放下中间内容区域,这个时候我们可以使用min-height

min-width会继承父元素的width,而min-height不会。 如果无父元素,也就是最外层是body,则默认100%,让min-width方法生效的情况总结:1.设置为内联属性    2.浮动,定位,是之脱离文档流

5.zoom:1;

zoom:1;触发ie的hasLayout属性,清除浮动、清除margin的重叠等。它可以设置或检索对象的缩放比例,当设置了zoom的值之后,所设置的元素就会就会扩大或者缩小,高度宽度就会重新计算了,这里一旦改变zoom值时其实也会发生重新渲染,运用这个原理,也就解决了ie下子元素浮动时候父元素不随着自动扩大的问题。

6.hasLayout

hasLayout是IE浏览器专有的一个属性,用于CSS的解析引擎。有时候在IE下一些复杂的CSS设置解析起来会出现bug,其原因可能与hasLayout没有被自动触发有关

7.display:inline-block;*display:inline;*zoom:1;将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。(准确地说,应用此特性的元素呈现为内联对象,周围元素保持在同一行,但可以设置宽度和高度地块元素的属性)兼容IE下块元素如何实现display:inline-block的效果:直接让块元素设置为内联对象呈递(设置属性display:inline),然后触发块元素的layout(如:zoom:1等)。

8.

转载请注明原文地址: https://www.6miu.com/read-2400383.html

最新回复(0)