文章导航PC6首页软件下载单机游戏安卓资源苹果资源

pc软件新闻网络操作系统办公工具编程服务器软件评测

安卓新闻资讯应用教程刷机教程安卓游戏攻略tv资讯深度阅读综合安卓评测

苹果ios资讯苹果手机越狱备份教程美化教程ios软件教程mac教程

单机游戏角色扮演即时战略动作射击棋牌游戏体育竞技模拟经营其它游戏游戏工具

网游cf活动dnf活动lol周免英雄lol礼包

手游最新动态手游评测手游活动新游预告手游问答

您的位置:首页网页设计HTML/CSS  → 网页设计之css+div PK table+css

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

时间:2007/5/20 15:46:00来源:本站整理作者:我要评论(0)

用过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元素的前面及后面都引入了行分隔

相关视频

    没有数据

相关阅读 个性化jQuery和CSS3菜单源码CSS实现Tab技巧CSS复位-CSS Reset代码举例IE6绝对定位的bug及其解决办法CSS样式表创建美妙绝伦的网站几个最常用和实用的CSS技巧将网站(主页)变成黑白DW设计网页时组织CSS的建议

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 页面进入效果表单 XHTML校验需要注意的6个细节CSS样式表创建美妙绝伦的网站了解XHTML DHTML SHTML之间的区别HTML小技巧的一些小技巧

人气排行 容易被误解的overflow:hiddenCSS中dashed和dotted的区别CSS水平和垂直居中的几种实现方法DIV+CSS自适应高度兼容IE6,ie7,ie8和FF的解css优先级问题如何用CSS实现图片圆角化处理超链接target=_blank的使用方法Ctrl+H键的用法