切静态页面中的感觉

  页面布局一般采用div+css模式。

    1.每拿到一张图,首先是它的logo,习惯性地用a标签去套它所在的img。

      因为logo一般都是能点的动的。完后左浮动。一般最外层用h1嵌套。

    2.右上角菜单来,用div嵌套a,右浮动div即可。

    3.导航栏视情况而定,有下拉框的可用dl(自定义标签去实现),里面套a浮动。

              没有下拉框的一般用div套a,浮动不浮动都可以。

    4.滚动图即页面大图一般选用img,因为这个可能公司会经常更新这个大图。

    5.内容部分:

      如果存在左边图片,右边文字说明,dl标签最为优选。dt放图片然后左浮动,dd写文字说明然后右浮动。

      如果存在很多文字排列整齐地好几列,那ul或ol最为优选。

      页面中的一些小图标一般都用背景图来实现,因为img中的href属性会对服务器造成请求压力。

    6.尾部部分:

      如果存在一横行可点的文字并用“|”隔开,即可用div嵌套a和span或i,em等等,这些标签都挺好用的。下一行的网页说明可用span标签去实现。

      如果存在一边是可点的,另一边是网页说明,那最简单的是两边各用一个div,完后左右浮动。当然可点部分如果是列表形式的,那可选用ul或ol,dl去实现。

    注意:

      随着前端技术的成熟,table标签越来越难以前行,所以在以后的页面布局中尽量不要使用table,除非到那种非用它不可的地步。

切静态页面中的感觉

上一篇:如何更改linux文件的拥有者及用户组(chown和chgrp)


下一篇:ffmpeg h264+ts +(sdl)显示方式