html - 某些属性不会从外部样式表转移过来

Question

所以我目前正在设计一个网站，我为每个页面使用相同的 CSS。最初，我将它包含在每个单独的文档中，但是必须在每个页面上更改它很烦人，所以我将它们全部设置为使用外部样式表。现在，它在大部分情况下都有效，但是有几个属性停止了工作，即文本对齐和 float 。奇怪的是，如果您将这些属性包含在内部样式表中，它会再次开始工作。我猜它与某种优先事项有关，但我想知道为什么这些特定属性不起作用，以及是否有任何方法可以在外部样式表中指定这些属性。谢谢!

CSS:

    div.box1
    {
        border-width:0px;
        text-align:left
    }
    img.floatLeft
    { 
        float: left; 
        margin: 5px;  
    }

    img.floatRight
    { 
        float: right;  
        margin: 5px;  
     }

HTML:

<div class="box1">
<font face="helvetica">
    TEXT TEXT TEXT <br><br><br>
    <b>NAME</b>
    <br>
    <img src="NAME" class="floatRight">
    TEXT TEXT TEXT<br><br>
    <b>NAME2</b>
    <br>
    <img src="NAME2" width="214" height="130" class="floatLeft">
    TEXT TEX TEXT
</font>
</div>

Answer 1

text-align:left 有错字。你少了一个分号；终止语句。休息就好。

您的左浮动图像没有任何属性 src、height 或 width 因此它基本上不会在 DOM 中显示。

查看工作 demo