zoukankan      html  css  js  c++  java
  • 切静态页面中的感觉

      页面布局一般采用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,除非到那种非用它不可的地步。

  • 相关阅读:
    HDU 5642 King's Order 动态规划
    HDU 5640 King's Cake GCD
    HDU 5641 King's Phone 模拟
    HDU 5299 Circles Game 博弈论 暴力
    HDU 5294 Tricks Device 网络流 最短路
    HDU 5289 Assignment rmq
    HDU 5288 OO’s Sequence 水题
    星际争霸 虚空之遗 人族5BB 操作流程
    Codeforces Beta Round #3 D. Least Cost Bracket Sequence 优先队列
    Codeforces Beta Round #3 C. Tic-tac-toe 模拟题
  • 原文地址:https://www.cnblogs.com/jinxinblog/p/3523141.html
Copyright © 2011-2022 走看看