从这张图中我们可以看到首页大致分为如下的几个部分：
CSS初始化
确定版心的大小
可以使用PS的矩阵选框工具确定
如图所示版心的宽为1200px
导航栏的大小为1366px
可以分为四部分来做：logo、navbar、search、personal
页面结构部分：
CSS的样式部分
其中需要注意的几个点是：
结构
css样式为：
注意点：
结构
CSS样式：
需要注意的是
结构
样式
注意：
结构
样式css
注意
下面就是一个简单的css定义：
<html><head>
<meta http-equiv="Content-Type" content="text/html charset=gb2312" />
<title></title>
<style>
.abc{width:500pxheight:30pxline-height:30pxtext-align:centerborder:1px solid #cccfont-size:13pxcolor:redmargin:auto}
</style>
</head>
<body>
<div class="abc">文字文字</div>
</body>
</html>
<style></style>之间写css代码。
.abc{这里面是定义abc的css}
<div class="abc">文字文字</div>这个class="abc" 就代表这个div的class是abc。css中定义abc就可以了。
只显示下划线的文本框，像文字一样的按钮body{
background-color:#daeeff
/*
页面背景色
*/
}
form{
margin:0px
padding:0px
font:14px
}
input{
font:14px
Arial
}
.txt{
color:#005aa7
border-bottom:1px
solid
#005aa7
/*
下划线效果
*/
border-top:0px
border-left:0px
border-right:0px
background-color:transparent
/*
背景色透明
*/
}
.btn{
background-color:transparent
/*
背景色透明
*/
border:0px
/*border:0px
solid
#005aa7边框取消
*/
cursor:pointer
}
用户名:
密 码:
[Ctrl+A
全选
注:如需引入外部Js需刷新才能执行]
