在HTML代码上可视化CSS的问题

时间:2010-12-13 14:11:19

标签: html css

CSS不适用于此代码,对于IE中的大问题,我几乎无法想象,但在其他人中没有,您认为会发生什么?

<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title father="*head" id="ttl">aadsnfasjnsadgasg</title>
        <link father="*head" href="http://www.bmsuite.com/modules/mika/css/main.css" id="mika_css" rel="Stylesheet" type="text/css"/>
    </head>
    <body id="body" key="40f8471224aafe869b3e13414c5cb6514dd014d2">
        <DIV class="ui-draggable" id="1div"></DIV>
        <INPUT class="ui-draggable" id="1input"/>
        <LABEL class="ui-draggable" id="1label">Nombre:</LABEL>
    </body>
</html>

(这似乎是CSS)

#body{
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%; 
    background-color: silver;
}

#1div{
    position: absolute; 
    width: 200px; 
    height: 100px; 
    background-image: initial; 
    background-attachment: initial; 
    background-origin: initial; 
    background-clip: initial; 
    background-color: rgb(92, 156, 204); 
    top: -21px; left: 218px; 
    background-position: initial initial; 
    background-repeat: initial initial; 
    :undefined;
}

#1div{
    position: absolute; 
    background-image: initial; 
    background-attachment: initial; 
    background-origin: initial; 
    background-clip: initial; 
    background-color: rgb(92, 156, 204); 
    width: 900px; 
    height: 100%; 
    top: 0px; 
    left: 218px; background-position: initial initial; 
    background-repeat: initial initial;
}

#body{
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%; 
    background-color: silver;
}

#1label{
    position: absolute; 
    top: 190px; 
    left: 352px; 
    :undefined;
}

#body{
    position: absolute; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%; 
    background-color: silver; 
    :undefined;
}

1 个答案:

答案 0 :(得分:3)

ID和类不能以数字开头。如果必须对div,input&amp;编号,则需要使用“one”而不是“1”。标签。您当前的CSS规则将被忽略,因为它们以无效的数字开头。

如果不这样做,请尝试更改:rel="Stylesheet"rel="stylesheet"某些浏览器可能不喜欢“样式表”的大小写。

此外,您在CSS中定义了#body三次的规则,这是毫无意义的。浏览器将使用最后的规则。此外,您应该尝试将#1div的规则组合在一起,因为大多数规则都是多余的。此CSS中的许多规则都是设置默认值,这是不必要的。