总结两年以来使用DIV网页排版的5点个人经验

网页

  1,提高网页显示速度是明显看得到的,特别是像自由勇这种三列结构(如果我们用TABLE排版的话,首先是想到当前结构是用TD来排,此为假如),如果用三个TD的话,那么显示肯定会等到当前的table最后的< /table>才会显示,这是在速度上首先明显的优势;

  2,方便重构,如果我们的DIV结构是合理的话,那么我们下次在用CSS就能极大地改变一个网站的外观,比如现在BLOG的换扶技术,我一向主张用切换CSS来改变,而尽量不考虑改变页面的HTML。如果我们用TABLE来排的话,那么重构在很大的限制,我主要认为TABLE做出的HTML结构太硬;

  3,其实也不能叫DIV排版,我认为,应叫DIV+CSS,CSS真是个好东西,其实在CSS的世界里把任何东西都变掉了,CSS有时会根据需要把span当做块状结构来处理,任何东西都在CSS里可以被改变,这个不用我多说了,自由勇已经精通CSS了,想必;

  4,是CSS帮助了DIV,如果这里用P来代替DIV,在大多时候是一样的效果,其实,为了将表现与数据分离,最终还是为了重构,我认为。

  5,如果DIV排版做熟了,我认为应该将DIV排版取代TABLE来排版页面结构,除非结构化的数据,比如一组报表数据就没有必要用DIV来做。

时间: 2024-09-16 12:17:42

总结两年以来使用DIV网页排版的5点个人经验的相关文章

设计者在网页排版中应注意的一些问题

排版是一门艺术,也是一门技巧.我们每天都能在报纸,书籍等各种媒介上看到排版,或精美,或丑陋.如何能在准确传递信息的同时,又能排出精美的版面,这是设计师们值得深思的问题,因为这关系到读者的阅读感受.本文以网页排版为例,从几个方面阐述了成功的设计在排版中应该注意的问题和细节. 站长之家(CHINAZ.com)4月18日编译:大体上来说,排版是为了信息分享而重新将字体进行排列的一门艺术和技巧.也就是说,排版是为传递信息而进行的简单排列组合,然而,好的排版非常注重视觉精度和细节,甚至是很小的细节都不容忽

网页排版时常用的5个CSS基础

介绍5个网页排版时常用的CSS基础,当然,包括图文混排,是怎样做到的. 本文给大家介绍在文章的排版中经常会用到的几个CSS基础,当然,包括图文混排,是怎样做到的. 1. 首行缩进     你知道的,从小学,老师就教我们,段落的开头应该空两格.而你使用word的时候,也有首行缩进这个功能,但在html中你的空格键好像起不了作用了.当然,你可以用 来代替一个空格,但这不是理想的方式,用CSS吧,简单,有效: <p style="text-indent:2em;">你的内容<

Dreamweaver教程-为什么要用CSS进行网页排版

 为了让大家明白CSS的作用,以及为什么要用CSS代替HTML表格进行网页排版,下面通过一个实例向大家讲解. 其中一个页面通过HTML进行格式化,另一个页面通过CSS进行格式化. HTML格式化实例 HTML代码如下所示: <body> <h1><font face="Verdana" size="5" color="green">下载吧</font></h1> <p> &l

Dreamweaver为什么要用CSS进行网页排版

 为了让大家明白CSS的作用,以及为什么要用CSS代替HTML表格进行网页排版,下面通过一个实例向大家讲解. 其中一个页面通过HTML进行格式化,另一个页面通过CSS进行格式化. HTML格式化实例 HTML代码如下所示: <body> <h1><font face="Verdana" size="5" color="green">下载吧</font></h1> <p> &l

网页排版:前菜——破格的好例子

破格是什么意思? 所谓网页设计上的「格」就是Standard Content Design Model,简称 SCDM,说穿了就是我们习以为常的两栏.三栏式的排版法.如今不论中英文的网页,这种排版法都占了绝大多数,导致我们有种错觉,就是网页上能看到的内容只能有这三种排版法.SCDM 会有今天的地位,其实是因为 SCDM 也是各类浏览器的预设内容呈现方式. SCDM 不死,也没有逐渐凋零 当 1996 年的冬天,跨时代的伟大发明 CSS 出现后,设计师们就有能力简单快速的为内容量身订做排版设计.理

精通CSS+DIV网页样式与布局--图片效果

        提到图片效果,小伙伴们可能会想到美图秀秀,ps等,这些软件都是款非常不错的照片处理软件,包括常用的:黑白,增强,高斯,高对比,夜视,老照片和铅笔画等等.不管你是否是专业的 照片拍摄人员,我们都可以通过照片处理软件轻松实现自己想要的照片效果.这篇博客,小编将继续来总结CSS+DIV的其她效果来进行分析,有兴趣的小伙伴可以点击以下链接,了解小编之前讲解过的关于CSS的一些基础知识:         精通CSS+DIV网页样式与布局--初探CSS        精通CSS+DIV网页样

精通CSS+DIV网页样式与布局--初探CSS

        CSS英文名Cascading Style Sheet,中文名字叫层叠样式表,是用于控制页面样式并允许将样式信息与网页内容分离的一种标记性语言,DIV+CSS是WEB设计标准,它是一种网页的布局方法.与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离.提起DIV+CSS组合,还要从XHTML说起.XHTML是一种在HTML(标准通用标记语言的子集)基础上优化和改进的新语言,目的是基于XML应用与强大的数据转换能力,适应未来网络应用更多的需求."D

JS+DIV+CSS排版布局实现美观的选项卡效果_javascript技巧

本文实例讲述了JS+DIV+CSS排版布局实现美观的选项卡效果.分享给大家供大家参考.具体如下: 这是一个基于JavaScript的简单选项卡代码,陪新手练习一下Div+CSS排版的技巧,本选项卡可以继续美化修饰完善,选项卡在目前在众多网站上应用广泛,确实是一个很不错的网页布局方法. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-div-css-pbbj-nav-demo/ 具体代码如下: <!DOCTYPE html PUBLIC &quo

网页排版中10种致命的语义错误

这是来自于Steven D编写的WEB前端开发设计要点的内容. 虽然许多设计师已非常熟练的使用了Web标准,让人遗憾的是有很多细节的排版处理仍然和传统的屏幕印刷要求背道而驰.这里有10种致命的语义错误的演示,把它们公布出来以避免您在网页排版中继续使用: 1.使用连字符而不要用一个em的虚线 使用em的虚线是现在的WEB编辑非常流行的做法. 2.使用句点,而不是省略号 这是一个专门的印刷方面的省略号标记(特别是在西欧字符中),由三个点组成,区别于中文里面的省略符号.  3.使用正确的引号 在引用的