<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

回答

相關問題