Visual CSS是一款方便易用的CSS编辑工具。所谓CSS是Cascading Style Sheet的缩写。译为“层叠样式表”。一种用于（增强）控制网页样式的标记语言，允许将样式信息与网页内容分离。

【软件功能】

Visual CSS允许您同时编辑多个CSS文档

代码辅助功能，例如可视CSS 语法突出显示、悬停提示和自动完成

CSS大纲列表，Visual CSS列出了你代码中的所有规则，并且可以按类别查看。

视觉CSS 代码格式化功能。 Visual CSS 可以用三种模式来格式化代码，这三种模式对应于三种不同的阅读风格。

W3C 远程验证功能允许Visual CSS 连接到W3C CSS 验证服务并一键验证您的代码

【软件特色】

1. Visual CSS主要用于编辑本地网页的CSS文件。

2. 视觉CSS易于加载。只需打开本地HTML/HTM 网页文件，网页上加载的CSS 文件就会自动打开进行编辑。

2. Visual CSS提供可见性并实时显示其效果。编辑CSS文件后，您可以立即更新显示网页的样式。

3.语法错误检查功能。如果您输入不同或不正确的属性，将会显示不同的颜色。

4. 语法提示。当Visual CSS 输入CSS 属性名称时，它会自动提示您输入关联的属性名称。

5.即时保存。使用Visual CSS 编辑的CSS 文件可以通过ctrl+s 立即保存。

【常用属性大全】

1.CSS文本属性：

颜色：#999999；

font-family : 宋体，无衬线；

字体大小： 9pt；

字体样式：itelic;

字体variant:小写；

字符间距： 1pt；

文本装饰：无；

文本转换： 大写；

文本转换： 大写；

文本转换： 小写；

文本对齐：右；

文本对齐：左；

文本对齐：居中；

文本对齐：对齐；

垂直对齐属性

垂直对齐：顶部；

垂直对齐：底部；

垂直对齐：中等；

垂直对齐： 文本顶部；

垂直对齐：文本底部；

2.将CSS边框设为空白

顶部内边距：10px；

填充-right:10px；

填充底部：10px；

左内边距：10px；

列表样式类型： 十进制；

列表样式类型： 小写罗马；

手腕款式： 上罗马字；

列表样式类型： lower alpha;

手腕款式： 上部alpha；

手腕式：型圆盘；

列表样式类型：circle；

列表样式类型：square；

列表样式图片：url(/dot.gif);

列表样式位置： 外部；

列表样式位置：内；

4.CSS背景样式

背景色：#F5E2EC；

背景：透明；

背景图片： url(/image/bg.gif);

背景附件： 已修复。

背景重复： 重复；

背景重复： 无重复；

背景重复： 重复x;

背景重复： 重复-y;

指定背景位置

背景位置： 90% 90%；

背景位置：顶部；

背景位置：底部；

背景位置：左；

背景位置：右；

背景位置：中心。

5.CSS连接属性

是

a: 链接

a: 访问过

a: 活跃

a:悬停

鼠标光标样式：

链接手指CURSOR:手

十字光标： 十字光标

向下箭头光标：s-调整大小

十字箭头光标：机芯

向右移动箭头光标：

加一个问号。光标：帮助

左箭头光标：w-调整大小

向上箭头光标：n-调整大小

箭头指向上方和右侧。光标：ne-调整大小

向上箭头和向左光标：nw-resize

输入文字光标：text

右对角向下箭头光标：se-resize

左对角向下箭头光标：sw-resize

漏斗光标：等待

光标模式(IE6) p {cursor:url("光标文件名.cur"), text;}

6.CSS框架列表

顶部边框： 1px 实心#6699cc；

边框底部： 1px 实心#6699cc；

左边框： 1px 实心#6699cc；

右边框： 1px 实心#6699cc；

以上是推荐的写法，但以下传统的写法也是可以的。

边框顶部颜色： #369

边框顶部宽度：1px

边框顶部样式： 实心

其他边框样式

坚硬的

疏散

双倍的

槽

洋脊

插入

抵消

7. 使用CSS 表单

文本方块

按钮

复选框

选择按钮

多行文本框

下拉菜单选项1 选项2

8.CSS边框样式

顶部边距：10px；

边距-right:10px；

边距底部：10px；

边距-left:10px；

9. CSS 过滤器属性

滤镜：为您的风格添加滤镜效果。这个属性有很多功能，所以我们将在下一章单独介绍过滤器。

1.Alpha：设置透明度

alpha（不透明度=？结束不透明度=？样式=？开始X=？开始Y=？结束X=？结束Y=？）

不透明度：透明度级别。范围是0-100。 0 代表完全透明，100 代表完全不透明。 FinishOpacity：用于指定设置渐变透明效果时的最终透明度，范围也是0到100。样式：设置渐变透明度样式。值0表示均匀形状，1表示线性形状，2表示放射状形状，3表示矩形。 StartX和StartY：表示渐变透明效果的起始X和Y坐标。 FinishX和FinishY：代表渐变透明效果的结束X和Y坐标。

2.BlendTrans：图像之间的淡入淡出效果

BlendTrans(Duration=?) 持续时间：淡入或淡出时间。注意：要在图像之间创建效果，必须在JS 中使用此滤镜来创建图像序列。

3.Bluru：创建模糊效果。

Blur(Add=? Direction=? Strength=?) Add：是否向一个方向模糊。该参数是一个布尔值，true（非零）或false（0）。方向：设置模糊的方向。 0 度表示垂直向上，以45 度为增量进行测量。强度：表示模糊像素值。

4.Chroma：设置指定颜色为透明

Chroma(Color=?) 颜色：指设置为透明的颜色。

5.DropShadow：创建阴影效果。

DropShadow(Color=? OffX=? OffY=? Positive=?) 颜色：指定阴影的颜色。 OffX：以整数形式指定阴影相对于元素的水平偏移量。 OffY：以整数形式指定阴影相对于元素的垂直偏移量。正确：这是一个布尔值。 true（非零）值表示建立外阴影，false（0）值表示建立内阴影。

6.FlipH：水平翻转元素

7.FlipV：垂直翻转元素

8. 发光：创建外发光效果。

发光（颜色=？强度=？）

颜色：指定灯光的颜色。

强度：光的强度。可以是1 到255 之间的整数。数字越高，光线范围越宽。

9. 灰色：去除图像中的颜色并将其显示为黑白图像。

10. 反转：反转图像的颜色以创建类似电影的效果。

11.Light：放置光源的效果。可用于模拟光源在物体上的投影效果。 注意：该效果需要在JS中设置灯光位置和强度。

12. 蒙版：创建透明蒙版。 Mask (Color=?) Color：设置背景颜色，使对象中覆盖背景颜色的部分透明。

13.RevealTrans：创建切换效果

RevealTrans（持续时间=？过渡=？）

持续时间：切换时间（以秒为单位）。

Transition：切换方式可设置为0~23。

注：如果要切换页面，可以在以下区域添加一行代码：如果该元素在页面内使用，则必须在JS 中使用。

14.Shadow：创建另一种阴影效果。 Shadow(Color=? Direction=?) Color：指阴影颜色。

方向：设置投影的方向。 0度表示垂直向上，增量为45度。

15. 波浪：涟漪效应

Wave(Add=? Freq=? LightStrength=? Phase=? Strength=?) Add：表示原始对象是否可见。 0表示不显示，非0表示显示原对象。 Freq：设置波动频率。 LightStrength：设置波浪效果的光强度，范围为0 到100。 0代表最弱，100代表最强。相位：波的初始相位角。 0 到100 之间的百分比值。 （例如：25 等于90 度，50 等于180 度。） 强度：设置波振动的幅度。

16.Xray：显示图像轮廓，X光片效果

注意：使用CSS 过滤器时，必须使用带有区域的元素，例如表格、图像等。 CSS 过滤器不能用于没有区域的元素，例如文本或段落。您可以通过设置元素的高度和宽度的样式或坐标来实现此目的。 '

【用户点评】

Web 设计者在编辑CSS 时经常遇到这样的问题：他们只能通过键入代码来编辑它，但是使用Simple CSS，他们现在可以根据需要直接以可视方式进行编辑。编辑字体如果你想编辑表格或者其他内容，软件本身是英文的，但是这些英文单词对于电脑人来说是很常见的。简单的CSS也是一个非常适合新手用户的编辑工具，他们中的许多人会被复杂的代码淹没。然而，这个可视化编辑工具允许您直接编辑CSS样式表，并且还提供预览功能。在工作时，您可以检查编辑后的CSS 样式表是否满足您的要求。