60度 Eadren 网络 >> 设计教程 >> 网页制作 >> Html·Css·特效 >> Css
Css教程列表
-
这一段CSS代码相当简单，目的就是想用CSS来控制某段文字的显示与隐藏。起初我采用了下面的代码，令人不可思议的是，它们在我的IE6.0上居然没有任何反应，大家不信可以亲自试验一下。 a {font-size:12px;text-decoration:none;height:50;}a:hover {text-decoration:none;}a span {font-size:12px;display:none;}a:hover span {...
阅读全文>>
-
许多游戏玩家一定会对游戏中的动态鼠标指针有很深的印象，其实只要一句简单的CSS（层叠样式表），你也能在网页上实现这种效果。 实例演示如下： 把你的鼠标移到文字上试试？！你会看到一个可爱的小闹钟。 首先，你需要一个鼠标指针文件，可以通过单击“开始”→点击“查找”→键入“.ani”或“.cur”(不含双引号)，也可以到网上下载你喜欢的指针。注：.ani是动态效果的指针文件；.cur是静态效果的指针文件。 下面是两种实现个性鼠标的方法。... 阅读全文>>
-
CSS本身没有直接提供变换HTML链接下划线的功能，但只要运用一些技巧，我们还是可以让单调的网页链接下划线变得丰富多彩。 一、基本原理 首先，自定义HTML链接下划线的第一步是创建一个图形，在水平方向重复放置这个图形即形成下划线效果。如果要显示出下划线背后的网页背景，可以使用透明的.gif图形。 其次，如果下划线图形的高度较大，则必须适当增加文本的高度，使得一行文本的底部与下一行文本的顶部之间有较大的空间，例如p { l... 阅读全文>>
-
随着网络技术的不断发展，声音也逐渐成为了网页制作过程中考虑的一个主要因素。使用CSS样式表单的方法为网页中加入声音，将有很好的灵活性，提供文档的真正意义上的多重显示模式。 由于声音是在空间上进行传播的，又具有延续性，所以新单位中自然也就有deg角度、grad梯度、rad弧度、ms和s等，剩下的还有就是声音本身单位Hz和kHz。首先我们来谈谈声音的属性。 Volume属性，这是一个设定声音大小的属性，它可以选择的属性值有：silent/x-sof... 阅读全文>>
-
现在制作网页，在网页上放置图片是一件经常的事了，但是这些图片怎样放置美观，能否随心所欲去放置，一直是网页制作中的一个问题。作为例子我在这里提供一个小程序，它能使网页图片居中，而且又把它作为背景图片来处理，对此感兴趣的网页制作者可以举一反三，如实现左对齐、右对齐等多种功能，具体在制作时要将代码中的Tu.jpg换成你的图片名。第一步 把如下代码加入〈body〉区域中〈SCRIPT language=VBScript〉 dim c,numgc c... 阅读全文>>
-
在了解XHTML代码规范后，我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了，可以跳过这一节，直接进入下一节。CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。1.基本语法规范分析一个典型CSS的语句：p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中p我们称为选择器(selectors)，指明我们要给p定义... 阅读全文>>
-
一，什么是WEB标准？WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Com... 阅读全文>>
-
本 章 Ｃ Ｓ Ｓ 的 主 要 作 用 本章要介绍的是文字相关的ＣＳＳ指令。通 常一个网站的内容最多的就是文字了，透过这些文字相关的ＣＳＳ指令，您可以将您的 网页内容排版得美美的。本章将分两个部份为您介绍，第一部份是字型性质的ＣＳＳ指 令，用以控制文字字型的各种样式；第二部份介绍的是文字性质的ＣＳＳ指令，用以控 制文字段落的外观及摆设方式。字 型 性 质 的 Ｃ Ｓ Ｓ 指 令font-family 设定文字字型 支 持：ＩＥ３、ＩＥ４适 用：所有元素可... 阅读全文>>
-
本 章 Ｃ Ｓ Ｓ 的 主 要 作 用 在前面的章节介绍完了声明与应用的方法及 一些特性之後，从这章开始，便要正式进入ＣＳＳ的指令介绍了！本章有两个介绍的主 题，第一个部份介绍的是颜色与背景性质的ＣＳＳ，其主要的作用在于设定元素的前景 颜色、背景颜色与背景图形等样式设定的性质；而第二部份为您介绍的是用于控制摆放 元素位置的ＣＳＳ的指令。颜 色 背 景 的 Ｃ Ｓ Ｓ 指 令color 设定前景颜色 支 持：ＩＥ３、ＩＥ４、ＮＣ４适 用：所有元素可能值： ... 阅读全文>>
-
挑 选 者 特 性 的 应 用 在讲挑选者的特性之前，要提一下的是ＣＳＳ继承的特性。所谓的继承的特性是指被包在内部的标签将拥有外部标签的样式性质。继承的特性最典型的应用通常发挥在预设整份网页的样式，而要指定为其它样式的部份再依要设定在个别元素里即可。这项特性可以提供网页设计者更理想的发挥空间。 接下来就要讲挑选者特性的应用！其实这部份应该算是声明的一种方式，但是在您看过第二章的基本的声明与应用後，到这边再讲挑选者您会比较有概念点。在ＣＳＳ应用或设计的时... 阅读全文>>
-
Ｃ Ｓ Ｓ 的 声 明 方 式 这章节将开始为您介绍ＣＳＳ的应用。当然一开始要介绍的是如何去建立个样式表 （Style Sheets），包括了声明的方式和应用在网页上的方法，最後还会为您概述一下ＣＳＳ的一些特性。概略来说，ＣＳＳ的声明有三种方式：一、基本声明：最典型的ＣＳＳ声明方式。 element {property: value} 用中文来表示的话，也就是元件(标签) {性质(属性)名称: 设定值}例如： H3 {COLOR: BLUE} 即为一组声... 阅读全文>>
-
关 於 Ｃ Ｓ Ｓ 的 概 论 ＣＳＳ是『Cascading Style Sheets』的简称，中文翻为「串接样式表」，也有人只翻为「样式表」。ＣＳＳ用以作为网页的排版与风格设计，在所谓的「新式网页」里 ，ＣＳＳ不容置疑是相当重要的一环。ＣＳＳ是以既有的基础，用以弥补既存ＨＴＭＬ 规格里的不足，也让网页的设计更为灵活。 这份教学文件就要来为您介绍ＣＳＳ的应用罗！在这边并不介绍ＣＳＳ的所有规格 ，仅就您在网页写作上较常用到，较可能用到的语法部份及应用的方... 阅读全文>>
-
你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习：第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align=left等等)束手无策，不知道该转换成对应的什么CSS语句。当你解决了第一种问题... 阅读全文>>
-
四、如何在网页中插入CSS前两章我们了解了CSS的语法，但要想在浏览器中显示出效果，就要让浏览器识别并调用。当浏览器读取样式表时，要依照文本格式来读，这里介绍四种在页面中插入样式表的方法：链入外部样式表、内部样式表、导入外表样式表和内嵌样式。1. 链入外部样式表链入外部样式表是把样式表保存为一个样式表文件，然后在页面中用<link>标记链接到这个样式表文件，这个<link>标记必须放到页面的<head>区内，... 阅读全文>>
-
三、伪类——动态链接伪类可以看做是一种特殊的类选择符，是能被支持CSS的浏览器自动所识别的特殊选择符。它的最大的用处就是可以对链接在不同状态下定义不同的样式效果。1. 语法伪类的语法是在原有的语法里加上一个伪类（pseudo-class）：selector:pseudo-class {property: value}（选择符:伪类 {属性: 值}）伪类和类不同，是CSS已经定义好的，不能象类选择符一样随意用别的名字，根据上面的语法可以解释为对象... 阅读全文>>
-
Dreamweaver4是现今最好的网站编辑工具之一，用它来给制作网页的CSS样式表会更简单、更方便。本教程教你如何利用Dreamweaver4在页面中加入CSS，你不用死记硬背的记代码标记，也不用去看很厚的CSS手册，你就可以轻松自如的在网页中运用CSS。不过首先你要对CSS有一定的了解。因此，本教程的前面4章为CSS理论知识，主要是对CSS的全面介绍，希望读者看后对CSS的语法、结构、应用有一个全面的了解；后面4章为DW实战，主要是教你如何... 阅读全文>>
-
定位属性将是网虫们打开幸福之门的钥匙： 绝对定位 H4 { position: absolute; left: 100px; top: 43px } 这项CSS规则让浏览器将起始位置精确地定在距离浏览器左边100象素，距离其顶部43象素的位置，请观看代码的执行效果。 注意这里唯一设置了的是左边和顶部，也就说，文字将从左到右，从上到下载入浏览窗口。 左边和顶部属性很直观，左边（left)设定要素距浏览器窗口左边的距离，顶部(top)... 阅读全文>>
-
在过去页面上的字体是一成不变的，静静的呆在那。当DHTML(动态网页)出现后，我们能有更多方式控制字体了。一般来说，动态字体的实现核心是CSS(层叠样式表)加JavaScript。使用了以上两项技术后，字体就能产生许多变化。 1.CSS定义字体的标签元素 font-family: 设置字体字族。 <span style=font-family: 黑体, 宋体(GB)>田涛</span> font-sytle:设置字体... 阅读全文>>
-
在当今的网页制作中，几乎所有漂亮的网页都用了CSS。 CSS是 Cascading Style Sheet的缩写，有些书上把它译为 “层叠样式表”。有了CSS的控制，我们的网页便会给人一种赏心悦目、工工整整的感觉，同时字体的色彩变化也使主页变得更加生动活泼。虽然只短短的十几行代码，得到的效果却不同凡响。其基本用法是在网页中插入如下格式的一段代码： 下面以一段比较典型的CSS代码为例介绍其具体用法。 例：这段代码 中间的部分共七行，可... 阅读全文>>
-
一个网页设计师如果不能熟练使用“CSS”的话，那他可真的称不上具有专业水准，更别提高手二字了。所谓CSS就是Cascading Style Sheets的缩写，即层叠样式表，我们一般简称为样式表。 我们都知道HTML文档是一种标记性的语言。当我们用浏览器来打开一个HTML文档时，浏览器将读取HTML文档中的标记，并根据浏览器中内置的解析规则将HTML文档中的元素呈现出来。那么，CSS在一个HTML文档中起到一个什么样的作用呢？实... 阅读全文>>
-
一般而言，鼠标以斜向上的箭头显示，移到文本上时变为有头的竖线，移到超级链接上变为手型。但用css可控制鼠标的显示效果，如可使鼠标移到普通文本上也显示成手型。 用css控制的语法如下:<span style=cursor:*>文本或其它页面元素</span> 把 * 换成如下15个效果的一种：hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、... 阅读全文>>
-
原文作者：Stuart Robertson 原文链接：CSS Design: Custom Underlines 由 A List Apart 杂志及作者授权翻译。（Translated with the permission of A List Apart Magazine and the author[s].） 说明：文章中“[补充]”内容系译者所补充添加（来自 CSS 2.0 中文手册），目的是方便读者理解相关内容。 虽然网页设计... 阅读全文>>
-
字体族科语法: font-family: [[<族科名称> | <种类族科>],]* [<族科名称> | <种类族科>]允许值: <族科名称> 任意字体族科名称都可以使用 <种类族科> serif (e.g., Times) sans-serif (e.g., Arial or Helvetica) cursive (e.g., Zapf-Chancery) fantasy... 阅读全文>>
-
各种层叠样式表级别有效的属性的描述。 <Foo> Foo类型的值. 共同类型的讨论在单位章节. Foo 必须原文出现的关键字 (尽管无须限制大小写). 逗号和斜杠也必须原文出现. A B C A 必须存在, 然后是B, 然后是C, 需要按照顺序. A | B A 或B 必须存在. A || B A 或B或两者必须存在, 顺序随意. [ Foo ] 用括号将项目归类在一起. Foo* Foo被重复使用零或更多的次数. Foo+ Fo... 阅读全文>>
-
语法：STYLE=filter:filtername(fparameter1, fparameter2...) （Filtername为滤镜的名称，fparameter1、fparameter2等是滤镜的参数） 滤镜说明： Alpha：设置透明层次 blur：创建高速度移动效果，即模糊效果 Chroma：制作专用颜色透明 DropShadow：创建对象的固定影子 FlipH：创建水平镜像图片 FlipV：创建垂直镜像图片 g... 阅读全文>>
-
在前一段时间制作了CSS calendar，然后我就想用css制作一个table的模型，该模型遵循亲和力规则，而且有良好的视觉效果.图：颜色的选择和搭配这样做的好处是： 利用表格来装载数据，不言而喻是最好的，你可以很灵活的为每个单元格定义样式。下面是具体的做法首先在photoshop设计一个效果出来，通过对各种颜色，小图标等的常识，做出了一个效果令人满意的效果图来。下一步呢，裁处下面三个图片来作为标题的背景图片，如果你对颜色的把握不是很好的话，这里给你提供... 阅读全文>>
-
一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如：width:100px width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以外，其他值都必须紧跟单位，注意，不要在数值和单位之间加空... 阅读全文>>
-
演示区 看看效果吧 脚本说明： 将下面的代码加在<head></head>之间 .category { font-size:12px; background-image:url(images/td_bg.gif); color:#ffffff; font-we... 阅读全文>>
-
演示区 if (document.all&&window.spotlight){var x=new Array()var direction=new Array()var y=new Array()if (spotlight.length==null){spotlight[0]=document.all.spotlightx[0]=0direction[0]=righty[0]=spotlight[0].heightspotlight[0... 阅读全文>>
-
演示区 你看看右边就知道效果了^^ 脚本说明： 将下面的代码加在<head></head>之间 将下面的代码加在<body></body>之间 你看看右边就知道效果了^^ ... 阅读全文>>
 巧用CSS的Border属性制… |  巧用样式表，让文本框… |  创建并引用样式类 |  巧用CSS制作可控闪烁效… |
