css代码margin-bottom:5px\0 是什么意思???

发布网友发布时间：2022-04-06 13:14

共3个回答

懂视网时间：2022-04-06 17:35

margin-bottom是CSS中的一个属性，用于设置元素的下外边距，所有主流浏览器都支持 margin-bottom 属性。下面我们就来简单看一下margin-bottom属性的用法。

margin-bottom属性的语法如下：

margin-bottom:value

value可能的值：

auto：浏览器计算下外边距。

length：规定以具体单位计的下外边距值，比如像素、厘米等。默认值是 0px。

% ：规定基于父元素的宽度的百分比的下外边距。

inherit：规定应该从父元素继承下外边距。

我们来看一下margin-bottom的代码示例

<html>
<head>
<style type="text/css">
p.bottommargin {margin-bottom: 2cm}
</style>
</head>

<body>
<p>这个段落没有指定外边距。</p>
<p class="bottommargin">这个段落带有指定的下外边距。</p>
<p>这个段落没有指定外边距。</p>
</body>

</html>

运行结果如下：

微信截图_20190411101639.png

热心网友时间：2022-04-06 14:43

这个是CSS hack的写法，\0是中有ie8的可以识别的CSS规则。在IE8中显示效果为下外边距为5px。其它浏览器不会有这个属性。

CSS hack由于不同厂商的浏览器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。

热心网友时间：2022-04-06 16:01

照理这是一个无效属性,经测试,也就只有Ie8依然能识别,所以可以说这个是Ie8的一个Css hack. 显示效果为:Margin-bottom:5Px;其它浏览器会忽略这个属性。

参考资料：如果您的回答是从其他地方引用，请表明出处