HTML各种标签的默认样式和浏览器默认css样式

下面列出了所有HTML标签的默认样式,供大家参考,写出这些东西的初衷是因为今天在修改一个样式的时候【怎么样修正zblog文章内容中ol列表样式为原来的样式]】,不清楚OL的默认样式距离左边距有多少像素,所以这里就列出这些,以供参考,我脑子不太好用,记不住, 阅读全文 >>

类别: Web/JS. 标签: , . 阅读(873). 评论(0) »

iText 用 HTMLWorker 转换 HTML 为 PDF 时可设置表格列宽度

生成 pdf 的方式有多种,直接用 iText 编码控制产生,fop 转换,不过我觉得很方便的一种方法就是用 iText 的 HTMLWorker 类直接把 HTML 转换成相应的 PDF 文档,HTMLWorker 可支持图片和表格,一定数量的样式控制。这样可以让我们关注到 HTML 页面设计上,至于转换出来的效果就要看母版 HTML 的设计功底了。要知道这个 HTML 中的样式要让 HTMLWorker 可理解的,并非说能支持 CSS2 还是 CSS3。HTMLWorker 能支持的样式还是非常有限,并且还未文档化的,有些多试试,能看看源代码是自然可以让胸中更有数了。

项目中有一个比较迫切的问题是把 HTML 中的表格转换成 PDF 的 PdfPTable 时,无论是在 <td> 上用 width="xxx" 或是 style="width:xxx" 时都看不到宽度的设置效果,iText 总是让生成的 PdfPTable 平均分配单元格宽度的。这对于单元格宽度有过于悬殊的需求是无法妥协的,所以要一种办法来支持自定义单元格宽度,让 width="xxx"  或是 style="width:xxx" 有一种控制能力就行。又得改源代码了,网上找到了是支持 iText 2.1.7 的改法,本篇是针对 iText 5.0.4 的做法,使支持 width="10%" 百分比来控制单元格宽度。 阅读全文 >>

类别: Java/JEE. 标签: , , . 阅读(2,602). 评论(0) »

HTML 简史

HTML 是 Web 统一语言,这些容纳在尖括号里的简单标签,构成了如今的 Web。1991 年,Tim Berners-Lee 编写了一份叫做 “HTML 标签”的文档,里面包含了大约20个用来标记网页的 HTML 标签。他直接借用 SGML 的标记格式,也就是后来我们看到的 HTML 标记的格式。本文讲述了 HTML 这门 Web 标记语言的发展简史。

从 IETF 到 W3C: HTML 4 之路

HTML 1 并不曾存在,HTML 的第一个官方版本就是由 IETF (互联网工程任务组) 推出的 HTML 2.0。问世之前,这个版本中的很多细则已经被实现,比如,1994年的 Mosaic 浏览器已经实现了在文档中嵌入图片的方法,后来 HTML 2.0 便吸纳了 img 这个标签。 阅读全文 >>

类别: Web/JS. 标签: , . 阅读(22). 评论(0) »

各大浏览器 CSS3 和 HTML5 兼容速查表

支持 CSS3 和 HTML5 的浏览器越来越多,甚至包括最新版的 IE,当然,所谓支持仅仅是部分支持,因为 CSS3 和 HTML5 的W3C 规范都尚未形成。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点,至少要对各个浏览器对这两种新技术的支持情况有一个全面了解。

需要指出的是,即使同一个浏览器的同一个版本,在 Mac 和 Windows 两个平台,它们对 CSS3 和 HTML5 的支持也并不一致。本文是一份 Chrome, Safari, Firefox, Opera, IE 5 大浏览器,在 Mac 和 Windows 两个平台,对 CSS3 和 HTML5 各种功能的详细支持情况清单。 阅读全文 >>

类别: Web/JS. 标签: , , , . 阅读(26). 评论(0) »

开源XHTML编辑器xhEditor 0.9.5发布(增加Ajax图片上传)

xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器,基于网络访问并且兼容IE 6.0-8.0,Firefox 3.0,Opera 9.6,Chrome 1.0,Safari 3.22。
最新0.9.5版添加了Ajax式的图片上传功能,并更新了大量功能修正。

ver 0.9.5 Change(ver 0.9.5更新):

1, 添加:jQuery事件层接管textarea的focus事件,以解决某些表单校验组件由于textarea隐藏后,对textarea的聚焦错误问题(必需要使用jQuery的focus方法)
2, 添加:JS接口添加appendHTML函数,用来向编辑器内部结尾添加HTML代码
3, 添加:过滤类似无意义HTML代码:<b>aaa</b><b>bbb</b>,前后标签完全一样且不带任何属性和样式,中间没必要结束并新开
4, 添加:图片上传功能,可以在编辑器初始化时设置uploadUrl参数开启
5, 添加:UBB模式增加背景色和删除线功能,至此支持了全部的标签,删除ubb按钮集
6, 添加:编辑器的focus和blur接口,可在编辑器初始化时指定
7, 添加:添加初始化参数:编辑器初始化默认为源代码模式:sourceMode
8, 修正:某些不支持盒模型的页面标准可能无法全屏的问题,比如不带任何标准定义的<html>头
9, 修正:JS文件调用的时候若在结尾加上类似?v=0.9.4这样的代码,会引起编辑器初始严重错误的问题

编辑器组件采用LGPL协议开放源代码,您可以任意修改,并使用在您商业或者非商业系统中。同样,您也可以任意的学习和参考我们的源代码。若您对本编辑器代码进行改动或者再开发并对外发布的话,请您也使用LGPL协议来开放您的源代码,谢谢。

在大家的支持下,我们的xhEditor会越来越完善,在此我们邀请大家一起来参加和见证xhEditor的成长之路。

最新0.9.5版程序下载http://code.google.com/p/xheditor/downloads/list
演示程序:

摘自:http://www.cnbeta.com/articles/85722.htm

类别: 新闻. 标签: , . 阅读(56). 评论(0) »

div 中动态添加的内容超过它的高度时造成 div 显示下沉的解决

有一个页面展示上的需求是:固定长宽的 <div> 中放置一个表格,点击按钮向表格中动态添加行,当表格显示大小超过 <div> 的设定时,<div> 出现滚动条(包括横向和纵向),<div> 的大小和位置始终不变。

可是这样简单的代码随性写来却有个问题,当表格的高度未超过 <div> 高度时正常,而超过到一定程度时会造成 <div> 在页面中显示下沉。

示例代码如下(点击 Load Data 按钮加载数据): 阅读全文 >>

类别: Web/JS. 标签: , . 阅读(490). 评论(0) »

介绍几款所见即所得的WEB在线编辑器[转]

转自:http://homepage.yesky.com/62/2489062.shtml 作者: 猴年马月

1.FCKeditor 编辑器

FCKeditor is compatible with most internet browsers which include: IE 5.5+ (Windows), Firefox 1.0+, Mozilla 1.3+ and Netscape 7+.

最新版本:FCKeditor 2.0

语言环境:多国语言

特性功能:所见所得,支持平台众多,支持XHTML 1.0,文本格式设置,常见的编辑,复制,粘贴,撤销,文件上传等功能 阅读全文 >>

类别: Web/JS. 标签: , . 阅读(67). 评论(0) »