DIV + CSS 网页布局设计用哪个软件好

html-css020

DIV + CSS 网页布局设计用哪个软件好,第1张

1：初期刚接触的时候建议用Editplus,这款工具没有代码提示功能，代码高亮。能较好的锻炼代码功底。对于之后找工作笔试大有裨益。

2：如果你工作了，并且需要开发效率。建议用HBuilder 。这款工具是国产的。不需要安装什么插件，下载就能用，很受前端开发人员的喜爱。

除了Hbuilder还可以用webstorm，这款工具也非常受前端开发人员的喜爱。

当然还有sublime Text3 这款工具也挺不错的，只不过需要安装插件。

3：以上工具是我个人常用的，当然也有很多的开发工具，比如DW 等等。

试试这样:

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gbk" />

<title>测试</title>

<link rel="stylesheet" type="text/css" href="css.css">

</head>

<body>

<div class="h">顶部层</div>

<div class="nav">导航栏</div>

<div class="l">广告层</div>

<div class="m">页面主体</div>

<div class="r">广告层</div>

<div class="b">底部层</div>

</body>

</html>

css.css 内容如下:

html, body { height:100%padding:0pxmargin:0px}

.h, .nav, .l, .m, .r, .b { text-align:centerfont-size:14pxborder:1px solid #000000margin:-1px}

.h { height:10%}

.nav { height:5%background-color:#5C69C2}

.l { float:leftwidth:20%height:70%}

.r { float:rightwidth:20%height:70%}

.m { float:leftwidth:60%height:70%}

.b { clear:bothheight:10%}