上面那两个div设置百分比宽度不要占满，
footer CSS.one{width:1240pxheight:340pxmargin:16px auto 16px}.one o{width:702pxheight:320pxbackground:#333float:leftborder-radius:5pxborder:10px solid #666}.one o .ss{width:702pxheight:155pxbackground:#333float:leftborder-radius:5px}.one o .three{width:702pxheight:155pxbackground:#333border-radius:5pxborder-top:10px solid #666float:left}aside{width:492pxheight:340pxbackground:#666float:rightborder-radius:5px}footer{width:1240pxheight:60pxbackground:#666border-radius:5pxmargin:0 auto 10pxtext-align: centerline-height:60pxcolor:whitefont-size:28px}。 2. HTML如何把网页分成多个部分
<html>
<frameset cols="25%,50%,25%">
<frame src=/example/html/frame_a>
<frame src=/example/html/frame_b>
<frame src=/example/html/frame_c>
</frameset>
</html>
上面的代码是将网页分成垂直的3部分，大小依次是25%,50%,25%
3. Html怎么把一个页面分成上中下三部分,中间和下面再分成左右两部分
<frameset rows="20%,60%,20%">
<frame src=top>
<frameset cols="20%,*">
<frame src=left>
<frame src=right>
</frameset>
<frameset cols="50%,*">
<frame src=left1>
<frame src=rigth1>
</frameset>
</frameset>
扩展资料：
注意事项
用frame的好处在于不用象DIV一样要对浮动和大小进行精确控制，以及要考虑宽屏的时候怎么办，而且在导航的时候非常简单。
比如说左边是导航栏，右边是显示内容的frame，如果用DIV，每点一下导航栏进行一次页面跳转，那每个页面里都要有左边的导航栏，这样代码的复用性不高，如果用frame，只要将导航放在左边frame，在点击链接时，只需要将链接的target指向右边的内容显示frame就OK了。
<frameset rows="80px,*,20px" border=0 frameborder="0" framespacing="0" marginwidth="0" marginheight="0">
<frame name=header src=header scrolling="no">
<frameset cols="200px,*" border=0 frameborder="0" framespacing="0">
<frame name=menu src=menu scrolling="auto">
<frame name=main src=home scrolling="auto">
</frameset>
<frame name=footer src=footer scrolling="no">
</frameset>
<noframes>
<body>
</body>
</noframes>
4. 如图
上面那两个div设置百分比宽度不要占满，
<section class="one">
<section class="two">
<section class="ss"></section>
<section class="three"></section>
</section>
<aside></aside>
</section>
<footer>footer</footer>
CSS
.one{
width:1240px
height:340px
margin:16px auto 16px
}
.one o{
width:702px
height:320px
background:#333
float:left
border-radius:5px
border:10px solid #666
}
.one o .ss{
width:702px
height:155px
background:#333
float:left
border-radius:5px
}
.one o .three{
width:702px
height:155px
background:#333
border-radius:5px
border-top:10px solid #666
float:left
}
aside{
width:492px
height:340px
background:#666
float:right
border-radius:5px
}
footer{
width:1240px
height:60px
background:#666
border-radius:5px
margin:0 auto 10px
text-align: center
line-height:60px
color:white
font-size:28px
}
<html><frameset cols="25%,50%,25%">
<frame src="/example/html/frame_a.html">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
</frameset>
</html>
上面的代码是将网页分成垂直的3部分，大小依次是25%,50%,25%
1、HTML5应用的特点——广泛使用
简单从以下两个方面理解移动终端的发展,手机正变得越来越聪明,手机功能越来越强大,许多人使用手机而不是电脑,手机网络办公、购物、付款、旅游、游戏、电影、视频、下载、微博和其他功能和应用推广。这是一个大众传媒的时代。每个人都是传播者，也是媒体的传播者。作为最新的可开发语言，H5有许多领域需要探索。H5培训可以更好地弥补这一差距。
2、HTML5应用的特点——HTML5顺应潮流
良好的音色是H5的主要特点。更好的用户交互体验。现在有很多产品，如何提高用户的满意度。让产品活起来。这是H5之后最重要的发展。客户不再是单一的客户，有很好的选择。如何把握众多产品的客户需求点，对H5培训和交互使用提出了更高的要求。
基于场景跨屏交互的H5技术更好的满足了广告主移动营销的需求。工具交互大师提供免费的音频和视频插件，图像动画，本地存储，和重要的功能，从形式到功能到通信。H5+动画+音乐，H5+视频，结合元素的移动营销案例层出不穷。从这些热门案例中很容易看出，H5本质上是基于场景的、跨屏幕交互的，重要的是理念，而不是技术。
在课程方面，新的HTML5培训课程已经进行了修改，更加适合企业的实际开发和应用。从课程更新的角度来看，也可以反映出HTML5在未来仍然会很流行!
3、HTML5应用的特点——HTML 5阶段
第一个阶段包括PS *** 作、色彩和色彩匹配。页面切割，图像优化。Web应用程序设计，Web应用程序设计，界面交互设计。
第二阶段是HTML框架、HTML表单编辑和文本格式化以及表格定位。CSS基本语法和优化，CSS动画和转换。
第三阶段是工程师开发，JS时间概念，JS字符串和数组，DOM, BOM, jQuery，生成器函数，元素凝块 *** 作。
第四阶段高级前端开发工程师:H5高级，Chart.JS框架。Bootstrap基础和定制，HTTP，节点链接数据库，Angle JS，前端MVC设计，AJAX，移动，WebCalk开发。
HTML5应用的特点主要用于计算机和客户机。随着网络时代的到来和快速发展，H5应用的发展速度不断加快。H5已经流行了一年。市场上有无数的H5应用程序制作平台，H5作为一种重要的编程语言，具有开发速度快、运行效率高、开源自由等特点。想知道更多关于ui设计的设计素材与技巧，可以点击本站的其他文章进行学习。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）