页脚不按我想要的方式行事

时间:2014-04-09 14:31:00

标签: html css footer

html&的大量新手css,

这是我的css和html代码: http://i.gyazo.com/f97a2815af0a8562f063e6155c2c5ac8.png

有问题的文字不符合我的要求(6pt等): http://i.gyazo.com/e056c7b5d6deefd40db67c26e4522f3d.png

有人可以解释为什么页脚没有响应css吗?

3 个答案:

答案 0 :(得分:0)

您的页脚正在使用标记,而css正在引用带有页脚{}的标记,因此您需要将页面更改为页脚才能使其正常工作:

<footer id="footer> </footer>

答案 1 :(得分:0)

好吧,我认为你只是错过了&#34; p&#34;元素,当你写&#34;#footer&#34;在您的CSS中,您将更改应用于整个页脚,而不是专门针对您的段落,因此您必须指定该元素。 (在这种情况下,&#39; p&#39;元素)就像这样:

#footer p{

 //put your code here
}

你应该没事。

编辑。

一旦你已经定义了一个页脚ID(#footer),你也不需要你的css中的页脚元素。

最后只是提示,您可以使用页脚元素使代码更具语义,而不是使用名为footer的id的section元素。

<section id="footer"> 
 <p> </p>

</section>

你可以简单地使用:

<footer>
 <p> </p>
</footer>

和你的css改为使用:

#footer p {} //#footer is the 'id="footer"

你可以使用:

footer p{}  //footer is the <footer> 

答案 2 :(得分:0)

要更改的元素是页脚内的文本(p)。 只是用
#footer p {}
然后是你想要应用于文本的所有CSS代码。
你也不需要css元素“footer”,因为你的html元素都不是技术上的页脚。 如果你想使用css元素“footer”,那么你可以使用html元素
<footer></footer>
用它来应用css
footer p {}

相关问题