div css模板 是怎么制作的

来源:百度知道 编辑:UC知道 时间:2024/06/23 09:14:47
制作网页模板时,先用photoshop制作成psd文件,那然后怎么变成div+css布局的网页?

首先网页的结构还是html搞定的,而网页中各部分的样式(是红的是绿的,是大的是小)是由css决定的。
而div,只是一组标签<div></div>,制作网页时可以用它来选中html中的某个部分,为他命名,从而让css为这个部分添加样式。

说的比较白话,希望能听得懂..

用photoshop制作psn文件,只不过是在用代码设计网页的初期,先做出一个草图,便于定位和切图。

对于css,lz应该多看看这方面的书。另外,css+div只是一种运用css的方法,“div+css模板”这种东西是不存在的。

用代码来写

如:

<style>
div,ul{overflow:hidden;margin:0px;}
#M_F{Width:200px;padding:1 0 0 1px;}
#M_E{Width:200px;padding-Left:1px;}
#L_F{float:left;width:100px;height:100px;margin:-1 0 0 -1;border:1px solid #ccc;}
</style>
<Div Id='M_F'>
<UL Id='L_F'>Num_One</UL>
<UL Id='L_F'>Num_Two</UL>
</Div>
<Div Id='M_E'>
<UL Id='L_F'>Num_Three</UL>
<UL Id='L_F'>Num_Four</UL>
</Div>

就是先吧结构写好,把效果全写在样式表里。以后就可以做模板用了!只要结构一样,你可以任意设计修改样式。

用css做的