易截截图软件、单文件、免安装、纯绿色、仅160KB

50款css工具

50款css工具
引自:http://bbs.seuuo.com/thread-2613-1-3.html
50款CSS工具,包含,CSS网格和布局工具,CSS 优化工具,CSS 菜单生成工具,CSS 按钮生成器,CSS 圆角生成器,CSS 框架,CSS Sprites生成器,CSS 排版工具以及 CSS 表单生成器。
网格和布局The 1KB CSS Grid
新颖的 CSS 网格工具,可用于简化内容管理系统的页面模板,轻巧易用。
Variable Grid System
基于 960px 的常规CSS网页布局工具,用于快速生成基本的 CSS 网格。
Grid Designer 2
可控性强,选项丰富的网格系统,支持 CSS 在线即时输出。
Design By Grid PNG Grid Generator
生成用于CSS网格的 PNG 图片,以方便地用作 PSD 或 HTML/CSS 设计背景,免除手工制作网格的麻烦。
nP: Grid Generator
用于设计布局结构,制定列、边缘、间距等参数。
YAML Builder
可视化,快捷的标准 XHTML 页面框架生成工具,但对 IE6 兼容欠佳。
GRIDINATOR
简单定制基于网格的CSS布局工具,可自定义多种参数。
Grid System Generator
生成适用于 960.gs,Golden Grid,1KB Grid 的网格布局,也可生成基本的通用网格。
YUI: CSS Grid Builder
来自 Yahoo 的网格工具,用于创建基础布局,统一浏览器表现。
Blueprint Grid CSS Generator
帮助你创造更灵活的 CSS 蓝图,包括 grid.css、compressed.css 和 grid.png 文件。
CSS Grid Calculator
快速设计页面布局,以多种方式构造网格。对于页面元素在浏览器中的表现方式,提供了精确的视觉反馈。
Layout generators – [url]www.pagecolumn.com[/url]
使用 CSS 2.0 技术生成 1-5 列的布局输出。
Dynamic 4 Column Layout Generator
可控性强的 4 栏式页面布局生成器。
CSS Layout Generator – CSS Portal
创建自适应或固定宽度栏式布局,可指定或者像素或百分比。
templatr
模板生成器,可在线创建单独的设计方案。无需了解任何 HTML 和 CSS 知识。
CSS Source Ordered 1-3 Columned Page Maker
生成 1-3 栏式页面的 CSS 代码。
CSS Creator
创建自适应宽度或固定宽度的浮动栏式布局。
CSS 优化和样式生成Online CSS Optimiser/Optimizer
输入网址或复制并粘贴到样式输入框中,一键提交即可优化。
Free CSS Template Code Generator
三栏式布局生成工具,同步生成 HTML 和 CSS 代码。
CSS Builder – Generate Styles on the Fly
只需填写表格数据,单击生成,并复制代码到样式表。
Firdamati


相关文档:

IE6不解析某些CSS代码的解决方法

网页采用了 UTF-8 编码格式,这本来没有问题,问题是外部 CSS 文件默认是 ANSI 编码,并没有保存为 UTF-8 格式。可能你会发现在一般情况下这样也是没有问题的,然而当 CSS 文件中包含有中文注释时就可能不尽如人意了!
  估计是 IE6 版本以下的浏览器在解析这个 CSS 文件时因为编码问题而无法正确解析,所以才会发生 CSS ......

25本经典CSS电子书


The CSS Anthology 101 Essential Tips Tricks Hacks 3rd Edition

The Ultimate CSS Reference

Teach Yourself Visually Html And CSS

Everything You Know About CSS is Wrong

The CSS Anthology 101 Essential T ......

JavaScript CSS Style属性对照表

JavaScript代码
<mce:script type="text/javascript"><!--
function imageOver(e) {
e.style.border="1px solid red";
}
function imageOut(e) {
e.style.borderWidth=0;
}
// --></mce:script>
<img src="phplamp.gif" onmouseover="imageOver(this)" onmo ......

CSS中存在的BUG

1.div的垂直居中问题 
vertical-align:middle; 
将行距增加到和整个DIV一样高 line-height:200px; 
然后插入文字,就垂直居中了。缺点是要控制内容不要换行。
2. margin加倍的问题     
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。
解决方案 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号