css行内元素padding,margin,width,height没有变化

当对CSS行内元素应用 padding、margin、width、height 等盒模型属性时，使用的是 W3C 标准的盒模型计算规则。在这种情况下，padding 和 margin 会影响元素的视觉布局，但不会影响元素的实际尺寸（宽度和高度）。而行内元素的尺寸则由其内容及字体大小来决定，所以上述属性对于行内元素只会影响其“占据”的空间，而不会影响元素本身。

下面有两个示例来说明：

示例一：

<p style="padding: 10px; background-color: #ccc;">Hello, world!</p>

在这个示例中，我们对一个<p>标签应用了 padding 属性。虽然 padding 是起作用的，而且也看得出来，但是这个 padding 只是改变了元素“占据”的空间，而不会影响元素的实际尺寸（即宽度和高度）。因为<p>是一个行内元素，它的尺寸取决于其中的文本内容和字体大小，padding 对这两个属性不会有任何影响。

示例二：

<span style="margin: 10px; background-color: #ccc;">Hello, world!</span>

在这个示例中，我们对一个<span>标签应用了 margin 属性。虽然 margin 仍然会影响元素的“占据”空间，但是由于<span>是一个行内元素，所以它没有宽度和高度。你会发现，这个<span>元素周围有一些空白区域，这是 margin 的效果。但是这个区域并不会将其他内容推开。

综上所述，当为 CSS 行内元素设置 padding、margin、width、height 等属性时，需要注意它们的实际作用效果。这些属性对于行内元素不会影响其实际尺寸，因为它们的大小取决于文本内容和字体大小。但是这些属性会影响元素所“占据”的空间。