需要幫助的CSS DIV

-3

身體屬性，如不同字體的作品，但div標籤屬性，如在#mainpic或#header只是不工作需要幫助的CSS DIV

body { 
 
    font-family: Callibri, sans-serif; 
 
    line-height: 1.5; 
 
    padding: 0; 
 
    margin: 0; 
 
    #mainpic { 
 
    <img src="../image/cutmypic.png"; 
 
    alt="image not found"; 
 
    />background-position: "centre"; 
 
    position: absolute; 
 
    bottom: 0; 
 
    center: 0; 
 
    } 
 
} 
 

 
#header { 
 
    color: white; 
 
}

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <title>My Introduction</title> 
 
    <meta charset="UTF-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 
    <link rel="stylesheet" href="style/newcss.css" /> 
 
</head> 
 

 
<body background="image/bg.jpg"> 
 

 
    <div id=「 container」> 
 
    <div id=「 header」> 
 
     <h1>Welcome</h1> 
 
    </div> 
 
    <div id="mainpic"></div> 
 
    <div id=「 content」>/div> 
 
     <div id=「 navigation」> a link to the other web page</div> 
 

 
     <div id=「 footer」> contains your name and student number</div> 
 
    </div> 
 
</body> 
 

 
</html>

來源

2017-09-24 aryaman chaudhry

用不着喊。你也可以在這裏輸入一個錯字''也可以使用'''''''''snippet編輯器並從你的CSS中刪除HTML – mplungjan

'#mainpic { image not found '你不能使用HTML標籤在CSS規則裏面。 –

1）請你可以刪除大寫鎖定，因爲它很難閱讀。 2）該圖片的HTML標籤不屬於CSS。 –

-1

body { 
 
    font-family: Callibri, sans-serif; 
 
    line-height: 1.5; 
 
    padding: 0; 
 
    margin: 0; 
 
} 
 

 
#mainpic { 
 
    background-position: center; 
 
    position: absolute; 
 
    bottom: 0; 
 
    /*center:0;*/ 
 
} 
 

 
#header { 
 
    color: white; 
 
}

<body background="image/bg.jpg"> 
 

 
    <div id=「container」> 
 
    <div id=「header」> 
 
     <h1>Welcome</h1> 
 
    </div> 
 
    <div id="mainpic"></div> 
 
    <div id=「content」></div> 
 
    <div id=「navigation」> a link to the other web page</div> 
 
    <div id=「footer」> contains your name and student number</div> 
 
    </div> 
 
</body>

第一個問題是你有幾個錯別字。例如，<div id = 「content」>/div>。

第二個問題是你不能在CSS中使用HTML標記。

第三個問題是在CSS中沒有語法center。

並且當您使用background-position時，您不需要使用" "，而應該寫入center而不是centre。

來源

2017-09-24 16:26:09 zynkn

請說明你改變了什麼 – mplungjan

@mplungjan我會的。 – zynkn

@mplungjan我解釋過。但我不擅長英語，所以你可能不明白我想說什麼。 – zynkn

好的第一次：使用類而不是ID。良好的CSS從來沒有任何ID（除了一些非常非常具體的情況）

其次，你的CSS中有HTML，所以這是行不通的。

第三，你不能嵌套CSS選擇器。取而代之的

.wrapper { 
    /* some css */ 
    .element { 
    /* some css */ 
    } 
}

你要好好地寫

.wrapper { 
    /* wrapper css */ 
} 
.wrapper .element { 
    /* element css */ 
}

來源

2017-09-24 16:27:15 SourceOverflow

關閉所有括號中的CSS代碼，從CSS到HTML代碼移動img標籤，不要使用無效的屬性或值（「中心」，「中心」）在您的CSS。

另外，您在代碼中使用了大量的排印引號。你必須用普通的引號替換所有這些 - 否則將無法正常工作。

body { 
 
    font-family: Calibri, sans-serif; 
 
    line-height: 1.5; 
 
    padding: 0; 
 
    margin: 0; 
 
} 
 
#mainpic { 
 
    background-position: center; 
 
    position: absolute; 
 
    bottom: 0; 
 
} 
 
#header { 
 
    color: white; 
 
}

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <title>My Introduction</title> 
 
    <meta charset="UTF-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 
    <link rel="stylesheet" href="style/newcss.css" /> 
 
</head> 
 

 
<body background="image/bg.jpg"> 
 

 
    <div id=「 container」> 
 
    <div id=「 header」> 
 
     <h1>Welcome</h1> 
 
    </div> 
 
    <div id="mainpic"><img src="../image/cutmypic.png" ; alt="image not found" ; /></div> 
 
    <div id=「 content」></div> 
 
     <div id=「 navigation」> a link to the other web page</div> 
 

 
     <div id=「 footer」> contains your name and student number</div> 
 
    </div> 
 
</body> 
 

 
</html>

來源

2017-09-24 16:46:19 Johannes

感謝您的建議，但我仍然看不到我的標題字體在白色我既不能看到mainpic –

的圖像是坦率的：你的代碼是一個完整的混亂，你必須清理它。有一件事我沒有提及/見過：你在代碼中使用了大量的排印引號。你必須用普通的引號替換所有這些。 – Johannes

哦大聲笑非常感謝你，即時通訊非常新的HTML，我們的教授告訴我們使用這些排印報價，但他們是該死的問題。 –

需要幫助的CSS DIV

回答

相關問題