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
相关文档:
基本CSS选择器有标记选择器、类别选择器、ID选择器3种
1。标记选择器
每一种HTML标记的名称都可以作为相应的标记选择器的名称,如h1,p,等等
2。类别选择器
类别选择器的名称可以由用户自定义
格式如下:.class{color:green;font-size:20px;}
3。ID选择 ......
一直以来我都以为css是无法限制字符长度的,最近才发现原来可以这样.最简单的兼容方法:
.textOverflow {
width:100px;
white-space:nowrap;/*限制单行输出*/
text-overflow:ellipsis;/*只支持IE6(+)*/
overflow: hidden;
-o-text-overflow: ellipsis;/*Opera专用*/
-moz-binding: url('ov.xml#ellipsis');/*firefox ......
$Smarty = new Smarty();
$Smarty->left_delimiter ='<{';
$Smarty->right_delimiter='}> ......
margin-bottom:8px;设置对象下边距的高度
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
padding-top:10px;与上一个标签的距离
padding-left:10px;与左边的间距
检索或设置对象顶边的补丁边距。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定pos ......
CSS 背景属性(Background)
属性
描述
CSS
background
在一个声明中设置所有的背景属性。
1
background-attachment
设置背景图像是否固定或者随着页面的其余部分滚动。
1
background-color
设置元素的背景颜色。
1
background-image
设置元素的背景图像。
1
background-position
设置背景图像的开 ......