写出使用div+css布局制作网页的步骤。

html-css034

写出使用div+css布局制作网页的步骤。,第1张

怎么说,按照我平时的方法简单说一下吧

首先创建好整体框架

如:

<body>

<div

id="wrapper">

<div

id="header"></div><!--头部-->

<div

id="container"></div><!--内容部分-->

<div

id="footer"></div><!--页脚-->

</div>

</body>

接着在这个框架下开始写入信息,如logo以及导航信息,以及内容,以及页脚

编写好后,再编写css样式,

创建一个style.css的样式,在这个样式表里面写入网页标签的颜色,大小,背景。。。。。。。

最后测试网站的链接是否正常

完成,

希望能帮助你

单纯的 CSS 是做不了网站的 它一般配合div一起用,当然也可以和table一起用 我想你问这个问题,应该会用 table 做网页吧 CSS 只是控制样式的,并非你指的“做网站” 打个比如 你写一个table 让它在页面居中 <table align="center"><tr><td></td></tr></table> 而用div + css <!-- 这段代码放到title里,如果做到外链CSS更好 --><style type="text/css">.mainBody {margin:0 auto} </style><!-- 这段代码放到body里 --><div class="mainBody"></div>这样能做到表现和结构的分离,也就是把一些控制整个页面的代码都放到 CSS 里,而页面只放一些网站的框架和内容。这样容易维护 当然,DIV+CSS 还有很多优点。这里就不和你说了,我想你要的就是上面我说的而已

光是CSS是做不了网页的,CSS是样式表,简单说就是控制网页里所有元素的表现形式,比如背景,比如字体大小,颜色.他需要和你html一起组成网页.网页主要是内容的体现,最好用div的写法,就是层+样式,网页里标签都可以设置id,就像人取了一个名字,id不能重复,然后在css里用

#id {样式代码}的方式就能控制这个id了.

如果多个内容相同,可以看做他们是一组的,就是class,设置class

.class名称 {样式代码} 就可以设置这个组的样式了,class名可以重复,主要应用就是这二个,还有更多资料相信你可以在很多地方找到教程.