<style> in HTML works，but not as CSS

我现在有点困惑......我想制作一个小的HP，并且已经在我的DIV中添加了已定义的CSS标记。如果我在php文件中定义CSS，则DIV正确使用它，但如果我在单独的CSS文件中尝试相同的代码，则它仅应用正文背景。<style> in HTML works，but not as CSS

我希望你能在这种情况下帮助我。

这是它的样子：

@charset "utf-8"; 
 
/* CSS Document */ 
 

 
.index_bg 
 
{ 
 
\t background-color:#CCCCCC; 
 
}; 
 

 
#index_div 
 
{ 
 
    background-color:#FFFFFF; 
 
\t width:2000px; 
 
\t height:2000px; 
 
\t max-width:80vw; 
 
\t max-height:80vh; 
 
\t margin:10vh auto 10vh auto; \t 
 
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
 
    <head> 
 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 
    <title>3D Solutions</title> 
 

 
    <link href="css/style.css" rel="stylesheet" type="text/css" /> 
 
    </head> 
 

 
    <body class="index_bg"> 
 

 

 
    <div id="index_div"> 
 

 
    Lorem Ipsum. 
 

 
    </div> 
 

 
    </body> 
 
    </html>

来源

2015-06-18 Jokeboy

你在你的CSS有一个错误的分号

.index_bg 
{ 
    background-color:#CCCCCC; 
}; <-- remove this

来源

2015-06-18 10:29:51 Steve

后... 。哇，多么失败：D非常感谢！ – Jokeboy

@Jokeboy没问题，很高兴我能帮助你 – Steve

变化

.index_bg 
{ 
    background-color:#CCCCCC; 
};

到

.index_bg 
{ 
    background-color:#CCCCCC; 
}

来源

2015-06-18 10:31:47

试试这个......

.index_bg 
    { 
     background-color:#CCCCCC; 
    } 

    #index_div 
    { 
     background-color:#FFFFFF; 
     width:2000px; 
     height:2000px; 
     max-width:80vw; 
     max-height:80vh; 
     margin:10vh auto 10vh auto; 
    }

不要把分号;右括号}

来源

2015-06-18 10:33:35

@charset "utf-8"; 
 
/* CSS Document */ 
 

 
.index_bg 
 
{ 
 
\t background-color:#CCCCCC; 
 
} 
 

 
#index_div 
 
{ 
 
    background-color:#FFFFFF; 
 
\t width:2000px; 
 
\t height:2000px; 
 
\t max-width:80vw; 
 
\t max-height:80vh; 
 
\t margin:10vh auto 10vh auto; \t 
 
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
 
    <head> 
 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 
    <title>3D Solutions</title> 
 

 
    <link href="css/style.css" rel="stylesheet" type="text/css" /> 
 
    </head> 
 

 
    <body class="index_bg"> 
 

 

 
    <div id="index_div"> 
 

 
    Lorem Ipsum. 
 

 
    </div> 
 

 
    </body> 
 
    </html>

来源

2015-06-18 10:44:38

<style> in HTML works，but not as CSS

回答

相关问题