Llinking一個CSS文件不起作用

我在將我的樣式錶鏈接到.php文件中包含的我的網站的html部分時出現問題。Llinking一個CSS文件不起作用

我不清楚，爲什麼樣式表的某些元素不工作，例如，如果我設置body的background-color紅色它將設置，但是如果我創建CSS文件中的div.header元素，並嘗試將它添加到HTML文件中的元素<div id='header'>，它什麼都不做。

這可能是什麼原因？我的CSS文件和.php文件如下。

courses.css：

h1{ 
font:bolder; 
} 

h3{ 
font-color:red; 
} 

body{ 
background-color:white; 
} 

div.header{ 
position:fixed; 
margin-top: 1ex; 
margin-bottom: 1ex; 
background-color: red; 
} 

div.Select_Course{ 
position:relative; 
right:2ex; 
top:4ex; 
border:solid thin black; 
padding: 5ex; 
margin-bottom:3ex; 
height:relative; 
}

和我.php文件

<meta charset="UTF-8"> 
<?php 
    $mysqli = new mysqli('localhost', 'user', 'password','dbname'); 
    if ($mysqli->connect_errno) 
    { 
     die('Database connection failed'); 
    } 
    //$m->set_charset('utf8'); 
    $search_course = " 
    SELECT title, summary, id 
    FROM course 
    WHERE title LIKE '%".$_POST['searchBar']."%'"; 
    $result = $mysqli->query($search_course) or die($mysqli->error); 
    $search_result = $result->fetch_assoc(); 
?> 
<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <link rel='stylesheet' href='courses.css'> 
    <div id='header'> 
     <h1>Search Results</h1> 
    </div> 
</head> 
<body> 

    <?php while($search_result = $result->fetch_assoc()) { ?> 
    <div id='Select_Course'> 
     <form name="searchresults" method="post" action="selectedcourse.php"> 

      <h3><?= $search_result['title'] ?> <input name="searchforcourse" type="submit" value="View Course" /></h3> 
      <input name="Coursenamesearch" type="text" value="<?= $search_result['title'] ?>" hidden/> 
     </form> 
    <p><?= $search_result['summary'] ?></p> 
    </div> 
    <?php } ?> 

</body> 
</html>

來源

2016-04-15 bdg

頭格應下標籤。 –

'div＃header'如何？ – miken32

不是在CSS文件中創建div.header元素，而是創建一個名爲.header的元素。然後讓你的HTML如下所示：。

例如：

CSS文件：

.header { 
    background-color: #ffffff; 
}

HTML文件：

<div class="header"></div>

來源

2016-04-15 21:18:55 Edward

謝謝，這個工作很好。 'div.'在css文件中創建了什麼，因爲這是如何顯示的？ – bdg

@bdg請接受這個答案，如果它幫助你。謝謝！ – Edward

抱歉在接受答案的延遲再次感謝 – bdg

股利的#header必須是內<body>內部沒有<head>該標籤只適用於資源。

併爲您的CSS中的問題。如果你想通過id引用一個元素，你應該使用#而不是.，它僅用於通過類名引用

來源

2016-04-15 21:18:24 joacomf

的標頭標記可能是好的太

<head> 
<meta charset="utf-8"> 
<link rel='stylesheet' href='courses.css'> 
</head> 

<header> 
    <h1>Search Results</h1> 
</header>

CSS

header h1 { 
    background-color: #FFF; 
}

或只是

h1 { 
    background-color: #FFF; 
}

來源

2016-04-15 21:54:46 iMarketingGuy

Llinking一個CSS文件不起作用

回答

相關問題