Почему заголовок CSS не работает

У меня есть внешнее имя файла CSS main.css. ID nav, section и footer работают нормально, но заголовок ID не работает. Когда я помещаю заголовок в файл HTML, он работает. Почему это не работает в файле CSS.Почему заголовок CSS не работает

--------------------------- HTML-файл ------------------ --------

<!DOCTYPE html> 
<html> 
<head> 
    <link rel="stylesheet" href="main.css"> 
    <meta charset="UTF-8"> 
</head> 

<body> 

    <div id="header"> 
     <h1>Furkan İlhan</h1> 
    </div> 

    <div id="nav"> 
     Hakkında<br> 
     Kariyer<br> 
     Projeler<br> 
     Galeri<br> 
    </div> 

    <div id="section"> 
    <h2>Hakkında</h2> 
    <p>asfsfsdfsdfsdfsdfsdfsfwefsdfsefssdsfsgsgsdsdsdgsdssdsssdmskdfmsldsmdlfskmflsmfsfm, 
    sdfsfsdfsdfsdfsdfsfsefsefsefsefsefsefsefsefsefsefsefsefsef</p> 
    <p>asfsfsdfsdfsdfsdfsdfsfwefsdfsefssdsfsgsgsdsdsdgsdssdsssdmskdfmsldsmdlfskmflsmfsfm, 
    sdfsfsdfsdfsdfsdfsfsefsefsefsefsefsefsefsefsefsefsefsefsef</p> 
    </div> 

    <div id="footer"> 
    Tüm Hakkı Saklıdır. Furkanilhan.com 
    </div> 
</body> 

</html>

-------------------------- Файл CSS ------- ------------------------

<style> 

    #header { 
     background-color:black; 
     color:white; 
     text-align:center; 
     padding:5px; 

    } 

    #nav { 
     line-height:30px; 
     background-color:#eeeeee; 
     height:300px; 
     width:100px; 
     float:left; 
     padding:5px;  
    } 

    #section { 
     width:350px; 
     float:left; 
     padding:10px; 
    } 

    #footer { 
     background-color:black; 
     color:white; 
     clear:both; 
     text-align:center; 
     padding:5px; 
    } 
    </style>

The image of result

источник

2016-05-27 Furkan İlhan

вы определили заголовок как класс и ссылаетесь на него в css, используя # header..use .header, и он будет работать –

все еще не работает –

Является ли css в том же файле –

Dhaval неправильно - Вы были правы с # потому что у вас есть его как идентификатор в вашем HTML.
удалить теги <style></style> с вашего листа CSS.

Позвольте мне знать, как вы идете

С уважением,
Kostantinos

источник

2016-05-27 08:15:55

Я удалил теги стиля, и он работает. Спасибо. –

Без проблем, рад помочь :) –

Поскольку вы используете класс = "заголовок" Свойство и внешних CSS Defined ID # заголовок.

Так вы измените

#header {

}

использовать этот код в CSS

.header {

}

Работа 100% Совершенно

источник

2016-05-27 08:54:48

ответ

Смежные вопросы