div+css如何布局头部导航条!

html-css023

div+css如何布局头部导航条!,第1张

1、新建一个html页面。

2、在html页面上新建三个div标签,分别为这三个div添加class为:header、main、footer。

3、创建style标签用于设置css样式。在title标签下创建一个style标签,然后为header类设置div的高、背景颜色样式。

4、为显示主要内容的main类设置样式。在style标签里设置main类样式的边框、宽、高、背景颜色。

5、设置底部footer的样式。在style标签里添加footer类样式的背景颜色和高度。

6、保存好html文件后使用浏览器查看效果。

7、在浏览器上看到div标签和浏览器存在一些空白的像素,为了去掉这些空白的像素我们需要把body标签设置外边框。

复制了代码看了一下,不太明白你的其他属性都没用是什么意思。

div本身如果没有高度的话,在有浮动的情况下,很容易没办法正常显示的,也就是说,尽量给div固定的高度,如果还是没有反应的话,加上这个看看 overflow:hidden加上这个属性应该就正常,可以去掉高度。

我看到你id为topnav的div设置了字体颜色为白色,但是你这里的两个连接都是包含在a标签之内的,所以这个属性是没有效果的,如果想让 home sitemap 显示白色的话,你应该设置 #topnav{color:#fff;}这样能正常显示白色。

用include 呀。

如果你的网站是php 用这个调用,头和尾部文件,当然头和尾文件可以是,php,可以是html

注意,asp,jsp调用写法是不一样的。