设为首页收藏本站订阅更新

无忧脚本

 找回密码
 加入无忧

QQ登录

只需一步,快速开始

搜索
查看: 25781|回复: 3

[推荐] 关于这个版面,概述与发贴建议!和关于XHTML合集,附精华

 关闭 [复制链接]
发表于 2005-9-14 12:53:58 | 显示全部楼层 |阅读模式
本版块讨论页面客户端开发,客户端浏览器支持,以及其他版块相关性较强的交叉技术。重点:

客户端高级样式表布局 XHTML & CSS
客户端结构表现分离 XHTML & CSS
客户端数据绑定 XHTML & XML
客户端数据结构分离 XML & XSL
客户端浏览器 IE/FF/......

我们支持网站重构,以我们的行动还网络一片干净的天空,共同提高国人web interface developer 的技术水平和职业道德。

为了更好的解决您的问题,希望您:
1,标题把帖子内容做简短概述
2,内容把问题描述清楚
3,代码使用[code][/code]嵌套,使之能够运行预览
4,尽量减少其他非问题代码干扰,把问题实质化

斑竹执行的尺度和规则:
1,描述不清楚的问题不予解答,类如“网页制作问题” “CSS问题”等废话
2,非本版块技术主题帖子,一律移动或者删除
3,对转过来的某些陈年老贴,没有新意,没有特点,一律删除
4,各位站长转贴自己网站帖子,请保证质量和可讨论性

这里是“论坛”,我们不希望看到的是一个“问坛”,当然欢迎发问,但更希望的是您能够真正参与进来,一起研究一起讨论。而不是问完了得到答案,回复“谢谢”,赶紧跑回去做项目,直到下个难题又跑过来问;或者没有得到答案,于是四处抱怨“人气太差”“这里不乐于助人”

近日发现大家喜欢在本版讨论大量script,及少量asp asp.net问题,所有此类帖一律移动,概不通知,并恳请大家严重注意一下。

[ 本帖由 hbjswj 最后编辑于 2006-5-14 09:36 ]

[ 本帖最后由 eoe 于 2006-12-3 20:25 编辑 ]
 楼主| 发表于 2005-10-11 09:31:36 | 显示全部楼层

【知识】关于XHTML合集,附精华

针对大家的疑惑,本帖置顶说明xhtml以及相关技术的知识和扩展。

如果您有疑问请跟帖,也可参与一起讨论,所有内容在一楼进行整理。

051201补:经常都在讨论“标准”“W3”“DIV布局”,请注意我们的目的不是为标准而标准,是享受高级布局技术带来的切实好处和优势,如果有兴趣请大家多关注国外网站,特别是大型网站,采用高级布局技术占大多数,而且质量普遍比国内的大型网站质量高。也许你会发现老外页面开头的DTD声明不标准,或者根本就没有,部分还是XML的声明,但是构架还是采用的div,为什么有这种现象,大家多思考吧。

==============名词解释================

XHTML:是html的升级版,同时作为到xml方向的过渡,是一种客户端结构语言

TABLE布局:使用表格进行布局,利用表格的特质进行模块的划分,也叫传统布局技术

DIV布局:使用层进行布局,采用CSS表现控制结构进行模块划分,也叫高级布局技术

结构与表现分离:简单的说就是div和css的分离,修改表现的时候可以不动结构实现。这是传统布局无法实现的,因为他在结构中已经把表现形式写死了。

列表:主要有无序列表ul,有序列表ol。用在分条显示的需求。

表格:多列交叉,就是N行N列的表现需求,这纯用div+css实现是有麻烦的,这个时候就应该使用table。

==============常问解决方案================

1. & 要写成 &
2. DTD声明后,定义滚动条需从html开始

==============推荐资源================

html401/xhtml1.0参考.(英文)  http://no365.wapjh.com/download/ ... _01%20Reference.chm
Html和css网页标准指南 http://bbs.51js.com/attachment.p ... 66b1&download=1

==============推荐网站================

大陆ajie的教学站 http://www.w3cn.org
国外知名度很高的教学站 http://www.w3schools.com
国外标准网站品网 http://www.cssvault.com

==============经典问题讨论================

background-position的妙用
vertical-align是什么意思?
fieldset实现表中表
CSS实现的文字竖排效果
把一个图定位在网页的中央

“画中画”效果---谈Iframe标记的使用
引入样式表(css)的四种方式
expression控制表格的交替颜色
浏览器滚动条的参数总结
超链接陷下效果

不用一句script, 仅用css编写无限分级弹出菜单
负边距绝对居中demo
用CSS构建iframe效果
常用CSS2基本定义例子
利用层叠优先顺序解决IE&FF视觉兼容

IE浮动边界BUG延伸探讨

[ 本帖由 hbjswj 最后编辑于 2006-4-7 15:16 ]
发表于 2006-4-26 10:13:44 | 显示全部楼层
常见问题整理2006

width过大撑开页面怎么办啊?
怎么隐藏超出部分?
TD里的东西不换行,怎么隐藏超出部分? (把div换成td)


  1. <div style="width:100px;overflow:hidden;white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;background-color:#ff0;" >
  2. 你好朋友朋友朋友我为什么不能看到效果啊
  3. </div>
复制代码




请问如何去掉超链接的下划线?

  1. <style type="text/css">
  2. a:link {text-decoration: none;}
  3. a:visited {text-decoration: none;}
  4. a:active {text-decoration: none;}
  5. a:hover {text-decoration: none;}
  6. </style>
  7. <a href="#">aaaaaaaaa</a>
复制代码




表格半透明,文字不透明

  1. <style>
  2. .alpha1{filter: Alpha(Opacity=60)}
  3. .ap2{
  4. color:#000;
  5. position:relative;
  6. }
  7. </style>
  8. <body>
  9. <table border="1" width="42%" height="129" class="alpha1" bgcolor="#FF9933" >
  10. <tr>
  11. <td width="100%" height="123" ><table class="ap2"><tr><td>wwwwwww</td></tr></table></td>
  12. </tr>
  13. </table>
复制代码


鼠标是一片树叶怎么做的

  1. <style>
  2. *{font-size:12px}
  3. :visited,:active,:link{ text-decoration:none;color:navy}
  4. :hover{ cursor:url([url]http://image2.sina.com.cn/gm/ol/cross/mouse/arrow40.cur[/url]);text-decoration:none;color:navy}
  5. body{ cursor:url([url]http://webme.bokee.com/inc/mouse001.ani[/url])}
  6. </style>
  7. <a href=#>金翅擘海<B><font color="#22FF22">知</font><font color="#FF2222">往</font><font color="#001199">观</font><font color="#00fffa">来</font></B></a>
复制代码

cursor:url()
必须是鼠标的格式

不能是图片文件


为什么在IE下支持极好,FireFox不支持

一些布局资料:http://blog.html.it/layoutgala/

[ 本帖最后由 hbjswj 于 2007-11-6 23:39 编辑 ]
发表于 2006-5-14 09:39:20 | 显示全部楼层

【规则】新手注意,初来乍到请您看看这个

第一:在发贴前请先看看本站的名字——“无忧脚本”。这里是技术论坛,请不要发表与技术无关的东西。你可以到留言版去发表,会有人看的。
第二:请尽量少发表一些诸如“好”,“同意”,“赞成”,“谢谢”等的贴子。除部分可视为礼仪之邦的风范外,其余的是垃圾,会被删除的。
第三:发贴时请您最好在前面加上前缀。具体参照flashsoft的文章,如下:
【原创】:自己原创的代码,
【讨论】:提出一个概念或者想法,需要跟大家探讨的
【推荐】:推荐可以是设计好的,或者是代码好的,只要是好东西就可以推荐
【转帖】:见到好东西都可以转这里来
【建议】:好的,差的,都是建议,都可以题
【疑问】:提出自己现在解决不了的问题
【求助】:同上,提出自己现在解决不了的问题
【公告】:顾名思义,广而告之
【摆擂】:提出好想法,或者有创意解决方案,然后摆擂,集思广益
第四:欢迎大家问一些有价值的问题。虽然本版主可能能力有限,但我会请高手来解答。我会的,一定答复。问题简单的,也十分欢迎你来问,因为大家都是新手!
第五:请不要在多个论坛发重复的贴子。若有此等事情,我们可以偷懒不去回复,然后请您到回收站找回您的贴子。
第六:不提倡在论坛使用过于花哨的字体或图片,如过大字体等。以免影响论坛美观。此类贴,酌情删除。
第七:不骂人,不说任何难听的话,不拉帮结伙,做一个好公民。你所说的你要负责,请不要污染论坛纯洁环境。
第八:对论坛具体操作有任何不清楚的地方,请抬起头来看论坛顶部的FAQ
第九:'大虾!','求助!'...这样不明确的题目会降低您的问题被关注的程度therefore您的工作效率
最后:记住,未来是属于我们的,让我们用双手撑起一片天空……
                                                                                   真虹,winsky
                                                                                   2003/3/4
您需要登录后才可以回帖 登录 | 加入无忧

本版积分规则

小黑屋|手机版|Archiver|无忧脚本 ( 苏ICP备05080427号 )|值班电话:027-62300445   鄂公网安备 42011102000433号

GMT+8, 2018-4-19 17:49 , Processed in 0.088203 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表