css box模型只适用于内联样式定义...为什么?

时间:2014-06-29 00:07:37

标签: css box

可能是一个愚蠢的问题,但我对此感到头疼。

为什么这样做?

<html>
<head>
<body>
<div class="tbs_pagelist_image" style="background-image:url('http://indivisiblemusic.com/userdata/site/tbs_header.jpg');background-repeat:no-repeat;background-size:cover;width: 150px;height: 150px;"></div>
</body>
</html>

但这不起作用?

<html>
<head>
<style>
.image (
width: 100px;
height: 100px;
)
</style>
<body>
<div class="image" style="background-image:url('http://indivisiblemusic.com/userdata/site/tbs_header.jpg');background-repeat:no-repeat;background-size:cover;"></div>
</body>
</html>

我很困惑......非常感谢你帮助我解决了我的困惑

1 个答案:

答案 0 :(得分:1)

你正在使用(),这不是正确的语法;你应该使用:

.image {
width: 100px;
height: 100px;
}

http://jsfiddle.net/6mfg5/