最近以来发现越来越多的中国网站开始使用CSS对网页的页面版面进行布局,所以为了适应行业趋势的发展,也仔细阅读了一些有关CSS布局的内容。虽然非专业制作网页也有一年多了,但是对CSS的操控还不是很了解,只能停留在简单的页面样式控制中。通过阅读相关的CSS书籍后,对CSS的其它元素也有所了解了。
通过自己的实践,感觉CSS布局的思路更像是在网页中使用PhotoShop进行网页布局,只是两者的区别在于一个是手拖动,另一个使用代码控制每一层的位置。
在以前使用表格布局的时候遇到的最大的问题就是在网页设计时,需要精确到几像素的图片控制时往往很难到达预期的效果。但是感觉通过对CSS和层的使用,可以非常方便的控制页面的显示效果。
从控制上来讲,CSS实现了表现与内容的有机分离,在考虑页面内容输出的时候不同过于在意页面的显示问题。
经过自己的实验也发现了一些问题,也许以下的问题是由于自己对CSS的掌握还不到家所造成的。
1. 感觉如果对所有页面的进行CSS排版控制,这些CSS文件的管理会出现问题。
2. CSS布局对于各个两大浏览器阵容来说,保障页面的不变型实在是个难题。如果整个网站都是一个人来开发的话,有可能放在这方面的精力会非常有限。
3. 在对网站的CSS使用嵌套开发的时候总是出现问题,嵌套的CSS无法在火狐浏览器里面正常显示。
其实我觉得完全抛弃原有的表格布局并不合理,毕竟表格布局的存在也有很长的历史,既然可以存在这么长时间还是有它自己的优势。我觉得对于网页大块布局和内容的混排方面,表格的控制要比CSS更为直观。如果可以对CSS和表格进行混合排版也许会达到意想不到的效果。

转载于:https://blog.51cto.com/binzone/36858

CSS布局与表格布局之我见 [2007年8月3日]相关推荐

  1. Android用表格布局做菜单栏,Android开发菜单布局之表格布局示例

    本文实例讲述了android开发菜单布局之表格布局.分享给大家供大家参考,具体如下: 多用于静态菜单页面 xml代码 代码内带详细解释 xmlns:android="http://schem ...

  2. android基本布局-TableLayout_表格布局

    2-5 基本布局–TableLayout 表格布局 概述:表格布局是以行数和列数来确定位置进行排列.就像一间教室,确定好行数与列数就能让同学有序入座. 注意:我们需要先添加<TableRow容器 ...

  3. android表格布局bottom,Android基础_2 Activity线性布局和表格布局

    在activity的布局中,线性布局和表格布局是最简单的,这次分别从线性布局,表格布局以及线性布局和表格混合布局做了实验,实验中只需要编写 相应的xml的代码,java代码不需要更改,因为我们这里只是 ...

  4. Android的布局管理--表格布局

    Android的布局管理–表格布局 在校期间想过自学这个,但是最后选择了学习前端,以下知识点并不记得了 表格布局(TableLayout)是以表格形式排列控件的,通过行和列将界面划分为多个单元,每个单 ...

  5. Android布局——线性布局、相对布局、帧布局、表格布局、网格布局、约束布局

    1.概述 1.1 布局的作用:布局是对界面结构的全面规划和安排,通过api中提供的各种布局能够快速的完成对界面的设计和规划 1.2 布局的种类:线性布局(LinearLayout).相对布局(Rela ...

  6. Android学习|布局——TableLayout 表格布局

    Android学习|布局--TableLayout 表格布局 一.概述 二.常见属性 4.子控件设置属性 三.Demo 1.android:collapseColumns 2.android:stre ...

  7. Android学习|布局——GridLayout 表格布局_(可行、列合并)

    Android学习|布局--GridLayout 表格布局 一.GridLayout 行.列 都可以进行合并 二.常见属性 三.子控件属性 四.Demo 1.常见属性Demo 2.子控件属性Demo ...

  8. 2007年9月19日

    2007年9月19日 结婚纪念日 9整年前的今天我结婚了,是和我媳妇.就这样... 孩子们现在也8岁了,不留意间发现人生得意原来如此,父母.老婆孩子.兄弟姐妹.亲属.同学.朋友.电脑一样都不少.我高兴 ...

  9. 2007年9月1日御夫座流星雨

    御夫座流星雨将于2007年9月1日拜访地球.如果运气好的话,人们只要选择远离城市灯光的郊外就有可能欣赏到比英仙座还壮观的流星雨.此次流星雨的持续时间不会很长,但预测的流量比较大. 御夫座流星雨的母彗星 ...

最新文章

  1. 计算机音乐刚好遇见你乐谱,《刚好遇见你》曲谱_刚好遇见你乐谱
  2. gin redis 链接不上_内存优化,Redis是如何实现的!
  3. 问题 | Matlab:Fatal Error on startup(致命错误)
  4. 小白的java学习之路 “ 选择结构(二)”
  5. java 字符串缓冲池 String缓冲池
  6. ds哈希查找—二次探测再散列_大白话之哈希表和哈希算法
  7. [中文事件抽取]DCFEE: A Document-level Chinese Financial Event Extraction System based on Automatically Lab
  8. Shell 07 项目案例
  9. Thread多线程一起执行睡眠,同时分开执行,实例
  10. 【单片机】51单片机烧录那些事儿
  11. Oracle 完全卸载正确步骤(Windows 10)
  12. TS Moly Lubricants TSMoly
  13. 回调函数原理及应用实例
  14. 基于海康摄像头进行人脸识别
  15. ROS创建launch文件
  16. 键盘测试软件 - Vintage Keyboard Analyzer
  17. linux 目录权限上下文,谢烟客---------Linux之文件安全上下文及特殊权限位
  18. SVN报错:Cannot checkout from svn: svn: E155000: 'F:\SVN-Flx\。。。。' is alrea
  19. 【NOIP模拟】我的天
  20. java环境变量配置验证,java环境变量配置

热门文章

  1. 32怎么将mcu内的代码擦除_8位和32位MCU该如何选择?
  2. 自动点击器如何设置最快_微视APP如何设置自动播放视频-微视APP设置自动播放视频的方法...
  3. Idea查看文件结构,类似Eclipse中Ctrl+O
  4. EXCEL根据条件随机内插若干行及对应数据
  5. 失去健康代表失去一切
  6. 变身抓重点小能手:机器学习中的文本摘要入门指南 | 资源
  7. 租房新体验:AI机器人中介带你看房
  8. Javascript知识汇总------获取构造函数constructor名称和一些字符串处理方法
  9. 全面分析RHCE7(红帽认证工程师)考试题目之 ----Samba文件共享篇
  10. CHIL-SQL-FOREIGN KEY 约束