网页设计之css+div PK table+css

css|设计|网页|网页设计

  用过div+CSS作个整个网站,如果是纯粹的div的布局是比较麻烦的,尤其是你div里面嵌套div的,div布局的时候,你有些页面效果还是要舍弃一点的,比如图片的圆角,这些如果套div比较麻烦,在一个div在VS2005设计器里面可能变形,如果过多的套div,你实现Ajax拖动效果的时候比较麻烦,所以我觉得眼下还是div+嵌套table比较好。

  圆角——可以用div+css做出一样漂亮的圆角,而且不用图片,而且是宽度、高度自适应的

  怎么实现?挖挖Google Talk的css模板

  忘掉 div 和 table 吧!

  html 最大的特点就是兼容性和自适应性。

  使用了复杂的 div+css 后,你也许会发现在 IE 中很美观的页面在其他浏览器中看起来象一团浆糊。做一个网站而只服务与特定的浏览器,是不可取的。如果看到哪个网页上有“请用 XXX 浏览”的字样,一个字的评价“烂”!

  html 浏览器会自动根据页面的内容进行排版,这是普通的应用程序难以做到的。做出“请用 X*Y 以上分辨率浏览”的、在高分辨率显示器上浪费了大量页面左右空白而使用长长滚动条的、使用了固定字体大小的,统统都是从开发应用程序转过来的“半路出家的和尚”。

  千万不要模仿所谓的“XX优秀网站设计”,那如果不是主办方有意的推广某种技术,就是作者的美术功底太过优秀的。一个好的网站,只有先做到内容充实、简洁、合理组织、方便阅读,再去考虑锦上添花的修饰。

  已经完全转型div/css 刚开始还是比较麻烦,动不动就查样式文档,现在基本实现手写。

  推荐用VS2005布局,比如一个页面在VS2005的标准样式布局后,再将一个个样式取出到单独css文件中,这是比较快的办法。

  SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。

  下面以一个实例来说明这两个属性的区别。

  代码:

  SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了。在此例中,标识符允许你将一个段落分成不同的部分。

  还有一个标识符具有类似的功能,

  DIV也被用来在HTML文件中建立逻辑部分。但与

  SPAN不同,

  工作于文本块一级,它在它所包含的HTML元素的前面及后面都引入了行分隔。

  效果:

  SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的其它元素,这样你就可以为它们指定样式了。在此例中,标识符允许你将一个段落分成不同的部分。

  还有一个标识符具有类似的功能,

  DIV也被用来在HTML文件中建立逻辑部分。但与

  SPAN不同,

  工作于文本块一级,它在它所包含的HTML元素的前面及后面都引入了行分隔

时间: 2024-08-30 10:09:02

网页设计之css+div PK table+css的相关文章

《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》—— 导读

前言 网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通 网络技术的日益成熟,给人们带来了诸多方便.如今,网络正在各个领域发挥着巨大的作用,成为人们日常生活中不可或缺的部分.人们可以足不出户网上购物,随时查询股票信息,在自己的博客上尽情发表言论--以上这些都离不开最基本的网页设计.制作与维护. 制作一个网站需要很多技术,包括图像设计和处理.网页动画的制作和网页版面的布局编辑等.随着网页制作技术的不断发展和完善,产生了众

css+div布局的优点及css的好处

css+div布局的优点及css的好处.现在流行做网页设计都必须懂css+div布局,特别是那种前台设计师们,这是他们找工作的重要一个亮点哦,今天我们就来看看css 布局的优势所在吧. 一.页面载入快 由于页面都html文件相分离了,所在html文件就更小了,自然加载就要快速一些 二.二次开发更方便 由于使用了DIV+CSS制作方法,在修改时只要知道那个要修改的块id或class就可以直接在外部进行修改就OK了. 三.保持视觉的一致性 DIV+CSS最重要的优势之一:保持视觉的一致性:以往表格嵌

CSS标准网页设计UL和DIV使用的技巧总结

css|标准|技巧|设计|网页|网页设计 了解结构化CSS设计内容,首先看下面两个例子: <div id="nav"> <ul>  <li></li>  <li></li>  ...... </ul></div> 很多人,包括许多业界大牛,都建议你这样写即可: <ul id="nav"> <li></li> <li><

走出DIV+CSS网页设计标准化的误区

DIV+CSS是网站标准(或称"WEB标准")中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位. "DIV+CSS"是一种错误的说法,下面也会说到,DIV只是HTML中的一个标签,而CSS是一种语言,这两者也根本不能成为对等.并且,"DIV+CSS"的话法也容易引起歧义.让大家认为WEB标准就一定要用到DIV,以导致

CSS技术在网页设计中的运用

css|设计|网页|网页设计 多层模式表单(Cascading Style Sheet, CSS)是一种为超文本置标语言(HyperText Markup Language, HTML)提供增强补充服务的技术,可对每一个HTML的置标(tag)做精雕细刻的修饰.只用HTML制作的网页,对页面内各部分的修饰能力有限且语句烦锁,CSS正是弥补这一缺陷的有力技术,它语句.文法简单,只要在源码中插入STYLE语句就可轻易实现页面内任意文本颜色.背景.边框.行距.字距的添删和修饰等功能,使网页更加生动活泼

新闻发布系统,网页设计,我们也行

开始了B/S的学习,开始了浏览器前台网页的制作,开始了一段新的征程. 我们都浏览过各种网页,领略过各式各样的风格.有像百度那样简单大气的,也有像hao123那样复杂齐全的.以前从没有想过这样的网页是如何"炼"的,而在学习了新闻发布系统后,只想说一句:原来是这样子的啊. 网页设计,有两种方法:一种是表格,一种是div+css.牛腩视频中教我们用的是后者,这也是有一定原因的. 为什么要使用div+css样式来排版?传统的表格排版是通过大小不一的表格和表格嵌套来定位排版网页内容.改用css排

【DIV+CSS入门教程】使用Table布局是不明智的

使用Table布局页面为什么是不明智的? 大家看到标题,不要误解认为在页面中不能使用Table,而是可以使用Table,但是尽量不要用Table去布局页面,为什么这么说呢,因为使用Table布局页面会使页面失去灵活性,怎么个灵活法呢,比如今天你好不容易做出来的页面,第二天老板说我不喜欢登录模块放到右边,还是放到左边,通知板块放到右侧去,页面风格最好一个月换一种,如果遇到这种老板,提出这种要求,并且你的页面是用Table布局的,那么你会崩溃的,工作量那是大大滴~,如果不相信的话,你们自己可以找个页

Photoshop插件免费下载:与网页设计相关的PS插件

Photoshop是网页设计师常用的一个非常重要而强大的工具,可以让网页设计师的工作高效便捷的进行,也为设计师们的天马行空提供了实际技术实现.一般我们的网页设计师设计完成后,需要将其转换制作成网页形式文件,生成HTML和CSS:然而在Photoshop中却没有这个转换高效率的功能,但万幸的是我们可以用插件来实现.Photoshop插件可以扩展我们的Photoshop基础功能,让他更加的强大和专业. 今天就为大家收集了一些对于网页设计师来说非常实用的Photoshop插件,包括:PSD转换HTML

Css Div浮动叠加层效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Conte