网页框架的搭建

时间:2026-02-14 12:25:13

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、样式已贴出,大家可以参考一下

© 2026 阿力知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com