JS轻松实现CSS设置,DIV+CSS常用CSS设置

早些时候见过一个鸟日本人写的DW中的样式设置 http://www.99yp.com/uploads/200607/css/index.htm,写了一大堆的代码,靠,现在派不上用场,小鸽子写了一个更好的样式生成器,适合DIV+CSS架构的网页。
(在网吧做网页的朋友,可以使用这个呀!)将常用的样式写了出来,做成DW的扩展插件多好,麻烦高手把他做成DW的扩展插件:
小鸽子个人网: http://xbnz.126.com/[网址助记:新白娘子]
▒ 恋婷DIV+CSS编辑器 beta1.0

类/标签/ID: 所有数值都不用输入单位; 宽: 高: 背景色: 前景色: 边框: 颜色: 外间距 Margin : 如:10px 2px 内间距 Padding: 如:10px 2px 浮动: 左 × 显示: 可见:可见 隐藏 × 文本对齐: 行高: 文字缩进: 文本: 字体: 粗细: 效果:下划线 × 背景图片: 重复: 水平位置: 垂直位置: 附件: 垂直对齐: 清除: Overflow: 定位: Z坐标: left: top: right: bottom: UL列表:类型 图像: 位置:×  光标:

实际应用效果如下
Effect of This Rule Shows You at here! [中��最Q小��子・最�鄱∠慊�] http://xbnz.126.com

[说明]:IE和Mozilla浏览器对盒模型的解释不一致,造成我们定位上的困难,主要差别是:IE计算2个div之间的距离时候,会把1px的border计算在内,而mozilla没有;设定div的宽度后,如果给padding加一个值,IE会在宽度内减去这个值,而Mozilla会在宽度基础上加上这个值.


这是一个使用了复杂的样式的DIV,你可以使用获取CSS来获取这个CSS


[Ctrl+A 全选 注: 如需引入外部Js需刷新才能执行]

你可能感兴趣的:(JS轻松实现CSS设置,DIV+CSS常用CSS设置)