网页框架的搭建

1、今天主要和各位道友分享一下再下做网站的一点小心得，废话不多说；今天主要和大家分享关于一个好的自适应网站的网页框架搭建：

1>首先要打开软件，在桌面上创建一个文件夹，驼峰命名法

2>把做的文件保存在文件夹内，准备任务就完成了

3>找到body，主要是写网页内容的，如下图示：

2、相信你已经完成了上一步，现在运行一下浏览器你会发现字体很丑，杂乱无章，像这样：

3、这样看着很像一个很丑的人，现在给他化化妆，在head内添加样式，如下：

<style type="text/css">html{    font-size:62.5%;}body{    font-size:16px;    font-size:1.6rem;    margin:auto;    width:1300px;    text-align:center;}p{    font-size:12px;    font-size:1.2rem;    overflow:hidden;    line-height:20px;} .head{ margin:0 auto; height:200px;  width:1298px;  margin:auto;  overflow:hidden;  border:1px solid #CCC;  }.content{    width:1300px;    margin:auto;    height:500px;    overflow:hidden;    border:1px solid #CCC;    }.content-nav{    width:300px;    height:499px;    display:inline-block;    overflow:hidden;    vertical-align:top;    border:1px solid #CCC;}.content-body1{    margin-left:25px;    width:965px;    height:499px;    vertical-align:top;    display:inline-block;    overflow:hidden;    border: 1px solid #CCC;}.footer{    width:1298px;    height:100px;    border:1px solid #CCC;}       </style>

4、现在是不是好很多

5、样式已贴出，大家可以参考一下