Adobe前端开发——结构层概况

创建日期:2008年3月19日 来自:蓝色理想 浏览:2044次 作者:匿名

四、产品列表及相关信息块

从直观上看,这是一个三列的布局:

但实际上Adobe只把这部分内容分成了两个大的块,<div id="contentBody">和<div id="contentPocket">
解析如下:

然后再用"columns-2-AB-A"和"columns-2-AB-B"这样的共用样式,分别切分出左右布局的结构,最后使用<br class="clear-both"/> 清除浮动,代码非常简洁。

HTML片段:

五、底部版权区

相比较上边的内容,这里的结构比较简单

整体分成了上下两个块,上部的是站内的链接区域,下部的就是版权信息了

内部代码仍然采用了从右向左的写法。

HTML片段:

  首页   上一页   1   2   3   尾页 

责编:yezi
相关搜索: Adobe前端开发——结构层概况  
Google
嗷嗷毙技术网版权申明:大家可以自由转载我站点的文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来链接,自行链接)。文章版权归作者所有。
特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。
搜索 
Google