我已经构建了一个CSS导航标题,它的工作方式完全符合我想要的定位,程式化等等.这是使它风格化的CSS:
#header ul {
padding:72px 0 0 0;
text-align:center;
}
#header ul, #header ul li {
margin:0;
list-style:none;
}
#header ul li {
display:inline;
}
#header ul li a {
font-size:17px; color:#69C; text-decoration:none;
display:inline-block;
height:44px;
line-height:44px;
margin:3px 6px;
padding:0 26px;
}
#header ul li a:hover {
background:#69C;
color:#FFF;
}
Run Code Online (Sandbox Code Playgroud)
这是清单:
<div id="#header">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">WHAT WE DO</a></li>
<li><a href="#">ABOUT US</a></li>
<li><a href="#" id="get_started">GET STARTED TODAY!</a></li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
非常简单的东西(目前可在http://www.pmind.com/staging上查看,但我在此处为潜在的未来读者提供了代码).
您可能会在列表中注意到,最终的li具有分配给它的ID.当我将此规则添加到CSS时:
#get_started {
color:#3C0;
}
Run Code Online (Sandbox Code Playgroud)
什么都没发生.我的理解是,CSS文档中稍后出现的A. …
很久以前,当我第一次学习HTML时,我被告知必须始终在HTML中设置图像的尺寸,以便浏览器可以绘制一个空白框,图像应该放在哪里,渲染页面,以及然后下载并渲染它们所属的图像.如果您没有为图像设置宽度和高度值,则浏览器必须首先下载图像以发现它们的尺寸,并且对于具有糟糕连接的人来说,它会减慢页面加载速度.
在过去的几年里,我一直在使用CSS,我总是在我的HTML中的标签中width加上height声明img.我的问题是,在样式表中设置宽度和高度,不再添加这些HTML属性,同样好吗?如果没有它们,它确实使我的斯巴达HTML看起来更清晰.
通常我会尝试在这里很好地记录这个问题,并复制一些代码,这样当我链接到的URL以证明问题不再导致任何地方时,至少问题将有足够的代码在其中,以便有人阅读很久以后可能会遇到同样问题的人可以看到这个例子.但在这种情况下,我遇到的问题是如此具体......我不知道什么是错的,所以我不知道在这里复制什么代码.
我有一个div,不透明度设置为1,在另一个div中,不透明度设置为.5,以制作一个非常便宜的"灯箱"效果.至少在其他两个网站上,我完全按照完全相同的方式完成了这个问题,并且从未遇到过这个问题.事实上,如果我在Dreamweaver中打开一个新的HTML页面并尝试复制该问题,我就不能.我知道我必须忽略一些如此荒谬的简单,但......
有问题的网址是http://pmind.com/staging/123/dashboard.shtml
中间的白色框generate_window继承其父级(generate_window-wash)不透明度.
为什么?