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,除非到那种非用它不可的地步。

  • 相关阅读:
    ssh secure shell client
    端口转发后执行putty连接------------------》VirtualBox+ubuntu_server
    linux 文件权限 初级
    Ubuntu下virtualbox nat网络模式下 实现宿主机访问虚拟机
    linux php
    linux 进入mysql
    Spring_day04--整合struts2和spring框架
    Spring_day04--课程安排_回顾SSH框架知识点_SSH框架整合思想
    Spring_day03--Spring的事务管理
    Spring_day03--Spring配置c3p0连接池和dao使用jdbcTemplate
  • 原文地址:https://www.cnblogs.com/jinxinblog/p/3523141.html
Copyright © 2011-2022 走看看