文章分类 -  CSS

1
CSS滤镜-10(转)
摘要：9、Invert属性 Invert属性可以把对象的可视化属性全部翻转，包括色彩、饱和度和亮度值。 它的表达式也很简单： Filter：Invert 我们再来看一下加上Invert属性前后的图片效果变化（如下图）： 原图 Invert属性效果图 （点击可放大） （点击... 阅读全文
posted @ 2006-06-21 15:17 zhanlh 阅读(600) 评论(0) 推荐(0)
CSS滤镜-9(转)
摘要：8、Glow属性 当对一个对象使用“Glow”属性后，这个对象的边缘就会产生类似发光的效果。它的表达式如下： Filter：Glow（Color=color，Strength=strength） Glow属性的参数只有两个：Color是指定发光的颜色，Strength指定发光的强度，参数值从1到255。 让我们先来看一下加上Glow属性的效果图： 怎么样，是不是有一种燃烧的... 阅读全文
posted @ 2006-06-21 15:13 zhanlh 阅读(159) 评论(0) 推荐(0)
CSS滤镜-7(转)
摘要：5、DropShadow属性 DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面，然后在页面上显示出该对象的投影。看一看它的表达式： Filter：DropShadow（Color=color，Offx=Offx，Offy=offy， Positive=positive） 该属性一共有四个参数： Color代表投射阴影... 阅读全文
posted @ 2006-06-21 15:12 zhanlh 阅读(126) 评论(0) 推荐(0)
CSS滤镜-8(转)
摘要：6、FlipH、FlipV属性 Flip是CSS滤镜的翻转属性，FlipH代表水平翻转，FlipV代表垂直翻转。它们的表达式很简单，分别是： Filter：FlipH Filter：FlipV 我们先来看一幅图：点击可放大 下面我们分别对它实现水平翻转和垂直翻转，并且在图片上方的一段文字，也发生翻转。代码如下： flip css ... 阅读全文
posted @ 2006-06-21 15:12 zhanlh 阅读(140) 评论(0) 推荐(0)
CSS滤镜-6(转)
摘要：4、Chroma属性 Chroma属性可以设置一个对象中指定的颜色为透明色，它的表达式如下： Filter：Chroma（color=color） 这个属性的表达式是不是很简单，它只有一个参数。只需把您想要指定透明的颜色用Color参数设置出来就可以了。比如下面这幅图： 图中显示两种字体，两种颜色，我们现在对“leaves”字体添加chroma属性，使其透明。代码如下： ... 阅读全文
posted @ 2006-06-21 15:11 zhanlh 阅读(138) 评论(0) 推荐(0)
CSS滤镜-5(转)
摘要：通过blur属性还可以设置页面中的字体。如果把字体的blur属性add参数值定义为1，得出来的字体效果是这样的（如下图）： 怎么样，是不是有些印象派的意思，这种效果的实现代码如下： filter blur LEAF //*定义字体名称、大小、样式、前景色*// 我们看到strength设置为2... 阅读全文
posted @ 2006-06-21 15:10 zhanlh 阅读(113) 评论(0) 推荐(0)
CSS滤镜-4(转)
摘要：通过blur属性还可以设置页面中的字体。如果把字体的blur属性add参数值定义为1，得出来的字体效果是这样的（如下图）： 怎么样，是不是有些印象派的意思，这种效果的实现代码如下： filter blur LEAF //*定义字体名称、大小、样式、前景色*// 我们看到strength设置为2... 阅读全文
posted @ 2006-06-21 15:10 zhanlh 阅读(114) 评论(0) 推荐(0)
CSS滤镜-3(转)
摘要：3、blur属性 假如您用手在一幅还没干透的油画上迅速划过，画面就会变得模糊。CSS下的blur属性就会达到这种模糊的效果。 先来看一下blur属性的表达式： filter：blur（add=add，direction，strength=strength） 我们看到blur属性有三个参数：add、direction、strength。 Add参数有两个参数值：true和f... 阅读全文
posted @ 2006-06-21 15:09 zhanlh 阅读(130) 评论(0) 推荐(0)
CSS滤镜-2(转)
摘要：2、alpha属性 alpha是来设置透明度的。先来看一下它的表达格式： filter：alpha（opacity=opcity，finishopacity=finishopacity， style=style，startX=startX，startY=startY，finishX=finishX， finishY=finishY） 哇，怎么这么长。是啊，不过这些参数都各有其用... 阅读全文
posted @ 2006-06-21 15:08 zhanlh 阅读(143) 评论(0) 推荐(0)
CSS滤镜-1(转)
摘要：1、概述 好了，下面我们将进入CSS的最精彩的部分--滤镜，它将把我们带入绚丽多姿的多媒体世界。正是有了滤镜属性，页面才变得更加漂亮。 CSS的滤镜属性的标识符是filter。为了使您对它有个整体的印象，我们先来看一下它的书写格式： filter：filtername（parameters） 怎么样？是不是很简单，看上去与前面讲的属性定义没什么太大的差别。Filter是滤镜属性... 阅读全文
posted @ 2006-06-21 15:07 zhanlh 阅读(102) 评论(0) 推荐(0)
CSS定位--1(转)
摘要：1.动态转换 通过在CSS中设置属性，我们可以准确的定义一个页面的样式，如颜色、字体、边框等。现在我们要讲的CSS定位主要是在页面的布局和控制上进行定义，使您的页面从这两个方面都展现的非常完美，更加富有动感。 另外，在讲解之前，我们首先介绍两个定义：相对定位和绝对定位。相对定位就是允许在文档的原始位置上进行偏移。而绝对定位则允许任意定位。 实现CSS的定位最终还是要靠属性。我们来看一下定... 阅读全文
posted @ 2006-06-21 15:05 zhanlh 阅读(113) 评论(0) 推荐(0)
CSS定位--2(转)
摘要：2.空间定位 在这一节里，我们来看一个利用z-index定位的例子，这个例子的效果在这里。 我们看到例子中的两幅图片和一段文字分别处于不同的空间位置，文字覆盖在那朵花的图片上，而挥动小旗的小老鼠却又覆盖在文字的上面。那么这种效果是怎样实现的呢？这里利用了CSS定位的z-index属性，代码如下： zindex //*导入一张... 阅读全文
posted @ 2006-06-21 15:05 zhanlh 阅读(141) 评论(0) 推荐(0)
CSS鼠标属性(转)
摘要：6、鼠标属性 我们知道，当把鼠标移动到不同的地方时，当鼠标需要执行不同的功能时，当系统处于不同的状态时，都会使鼠标的形状发生改变。 用CSS来改变鼠标的属性，就是当鼠标移动到不同的元素对象上面时，让鼠标以不同的形状、图案显示。 在CSS当中，这种样式是通过“cursor”属性来实现的。Cursor属性有很多的属性值，我们来看一下它的详细列表： 我们来看一个例子吧，请看下面这段代码... 阅读全文
posted @ 2006-06-21 15:04 zhanlh 阅读(232) 评论(0) 推荐(0)
css分级属性(转)
摘要：5、分级属性 如果您使用过Word，那您一定知道Word中有一个“项目符号和编号”的功能。 在html中，您无需使用前面提到的一些字体、颜色、容器属性来对字体、颜色和边距、填充距等进行初始化。因为在CSS中，已经提供了进行分级的专用分级属性。 分级属性包括了“list-style”（列表样式）、“list-item”（列表项）等多种属性，我们先来看一下分级属性的详细列表： 下面我们... 阅读全文
posted @ 2006-06-21 15:03 zhanlh 阅读(275) 评论(0) 推荐(0)
css属性--4(转)
摘要：4、“容器”属性 ※边距属性 听起来是不是很有趣，什么叫“容器”属性呢？CSS的容器属性包括边距、填充距、边框和宽度、高度、浮动、清除等属性。 您想，网页中的内容肯定是都需要“装”进这个“容器”里。“容器”属性是CSS中非常重要的一种属性，我们将分类进行学习。 先来看一下边距属性的详细列表： 和font属性一样，表中的四个属性可以用一个属性一次。边距顺序是上、右、下、左。我们还... 阅读全文
posted @ 2006-06-21 15:02 zhanlh 阅读(125) 评论(0) 推荐(0)
css属性--3文本属性(转)
摘要：3、文本属性 ※定义间距 前面说了如何用CSS定义字体、颜色和背景属性，那么定义好的文本我们怎么对它进行排版呢？ 下面我们讲述一下CSS的文本属性，还是先来看一下文本属性的详细列表： 我们可以从表中看到在这里可以定义文本的文字间距、字母间距、装饰、对齐方式、缩进方式和行高等属性。 举个例子来看看吧。比如下面这段文字（如左下图）： 我们对这段文字加上文本属性重新排版，排... 阅读全文
posted @ 2006-06-21 15:00 zhanlh 阅读(139) 评论(0) 推荐(0)
css属性--2颜色和背景属性(转)
摘要：2、颜色和背景属性 您总不希望自己的页面处于黑白世界吧。如果给用属性定义的文本添上颜色是不是会更好呢？ 下面我们就讲一下CSS的颜色和背景属性。先来看一下CSS下的颜色和背景都有哪些属性吧（如下表）： 我们还是举个例子吧。比如上一节讲到的“LEAF”字体，我们在其中加入颜色属性，在再加入以下代码： color：rgb（204，82，28）； background-img：u... 阅读全文
posted @ 2006-06-21 14:59 zhanlh 阅读(186) 评论(0) 推荐(0)
CSS属性--1字体属性 (转)
摘要：从CSS的基本语句就可以看出，属性是CSS非常重要的部分。熟练掌握了CSS的各种属性将会是您编辑页面更加得心应手。下面我们就借助一些实例来讲解。 1、 字体属性 这是最基本的属性，您经常都会用到。它主要包括以下这些属性： 光看表格是不是有些难懂，不要紧，我们来看一个用表格中的属性定义的字体样式（如下图）： 第一行只是采用了“font-family”属性，代码是这样的... 阅读全文
posted @ 2006-06-21 14:57 zhanlh 阅读(139) 评论(0) 推荐(0)
CSS快速入门(转)
摘要：CSS是Cascading Style Sheets（层叠样式表单）的简称。更多的人把它称作样式表。顾名思义，它是一种设计网页样式的工具。借助CSS的强大功能，网页将在您丰富的想象力下千变万化。 图1 图2 看到上面的两幅图片，您可能会认为这是用photoshop或者是其他图形处理软件制作的吧。可是上面的例子却... 阅读全文
posted @ 2006-06-21 14:56 zhanlh 阅读(158) 评论(0) 推荐(0)
怎样编写CSS？(转)
摘要：CSS教程的内容转自洪恩在线 阅读全文
posted @ 2006-06-21 14:56 zhanlh 阅读(147) 评论(0) 推荐(0)

1