Question

我正在创建一个简单的网页，我认为我已将html页面链接到css页面，但它似乎没有加载。是因为我想要添加css的代码是在div中，我在css中写错了代码，或者我只是缺少一些基本的东西。

HTML

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

<title>Insert Title</title>
</head>

<body>
<div id="whole_page">

<div class="header_small">
<img src="header.jpg" id="siteMainHeader" alt border="0"
<!-- end header -->

<div id=”navMain”>
<h2> Categories </h2>
<ul>
<li><a href=”#”> Home</a></li>
<li><a href=”#”> Visit our site </a></li>
<li><a href=”#”> About</a></li>
<li><a href=”#”> Newsletter</a></li>
</ul>
</div>
<!-- end navbar-->

</div>
</div>
</body>
</html>

CSS

 id.siteMainHeader img{
 width:100%;
 }

 div.navMain ul{
 padding:0;
 margin:0;
 margin-left:33px;
 } 

 div.navMain {
 color:#c3c3c3;
 font-family:Tahoma, Geneva, sans-serif;
 background:#eff3f0;
 border:thin solid #e8ece9;
 width:200px;
 padding:14px;
 } 

 div.navMain h2{
 font-family:Trebuchet MS1, Helvetica, sans-serif;
 margin-top:0;
 }

Answer 1

id.siteMainHeader img这没有任何意义，如果您想使用＃而不是id.定位ID示例：#siteMainHeader

div.navMain 你基本上说：使用课程navMain定位div，但在您的代码中，您有id，其名称为navMain

我建议学习选择器How to install C++ plugin to Eclipse?

这应该有效：

 #siteMainHeader{
 width:100%;
 }

 #navMain ul{
 padding:0;
 margin:0;
 margin-left:33px;
 } 

 #navMain {
 color:#c3c3c3;
 font-family:Tahoma, Geneva, sans-serif;
 background:#eff3f0;
 border:thin solid #e8ece9;
 width:200px;
 padding:14px;
 } 

 #navMain h2{
 font-family:Trebuchet MS1, Helvetica, sans-serif;
 margin-top:0;
 }

Answer 2

首先要确保＆＃34; img＆＃34;标签已关闭＆＃34;＆gt;＆＃34;。然后，在您的CSS中，如果您想要调用您在HTML页面中指定的ID，则无法说出id.siteMainHeader。你必须说#siteMainHeader或div.siteMainHeader，那么img的css代码应该可行。否则，您不必说#sitemMainHeader img {}，因为您的ID已经引用了您的CSS的img。所以只需输入#siteMainHeader {...您的代码...}然后就可以了。

Answer 3

尝试这样的布局：

<% @Page AutoEventWireup="true" %>

基本CSS不起作用

3 个答案: