这个效果非常独特,以前我所见过的这种特效实现过程非常复杂,但这里的源代码却非常简单,推荐收藏。<htmlxmlns:v><head><style>v\:*{behavior:url(#default#VML);}</style></head><body><v:roundRectstyle="position:absolute;left:20px;top:50px;width:200px;height:140px;"FillColor="#e8e8e8"Filled="T"/>刷新本页才能看到效果</bod...
http://www.jb51.net//article/1137.htm
原文链接:CSSDesign:CustomUnderlines 由AListApart杂志及作者授权翻译。(TranslatedwiththepermissionofAListApartMagazineandtheauthor[s].) 说明:文章中“[补充]”内容系译者所补充添加(来自CSS2.0中文手册),目的是方便读者理解相关内容。 虽然网页设计师通常有大量的方法控制文档如何呈现,但是基本的CSS不能为页面中链接下方的下划线样式提供很多选择。不过只需一点小技巧,你就能获得链接样式显示方式的创作控制。 自定义下划线给一些合适的网站以新的创作机会。自定义下划线还能够被用于为包含在...
http://www.jb51.net//article/1136.htm
语法:STYLE="filter:filtername(fparameter1,fparameter2...)" (Filtername为滤镜的名称,fparameter1、fparameter2等是滤镜的参数)script语法:HTMLElement.filters.filterName.fParameter=value; 滤镜说明: Alpha:设置透明层次 blur:创建高速度移动效果,即模糊效果 Chroma:制作专用颜色透明 DropShadow:创建对象的固定影子 FlipH:创建水平镜像图片 FlipV:创建垂直镜像图片 glow:加光辉在附近对象的边外 gr...
http://www.jb51.net//article/1133.htm
最近发现越多越多的人使用DIV+CSS这个称为来代表XHTML。这从根本上就是不正确的!其一,CSS是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(CascadingStylesheet),而DIV是HTML中的一个标签。DIV和TABLE是同级的,所以不应该把DIV和CSS连在一起来代表XHTML。其二,DIV+CSS并不一定就符合标准,XHTML而也并不只是DIV+CSS。许多号称已经使用DIV+CSS进行重构的网站或论坛其实本身根本无法通过W3.ORG的校验。(譬如:动网论坛和VTBBS就根本无法通过W3.ORG的XHTML校验。)即便通过了校验也只表明它在语法...
http://www.jb51.net//article/1132.htm
<style>body{margin:30px;font-size:9pt;}.a,.b,.c,.d,.e{ width:100px; height:100px; margin:5auto; color:#fff; background:#000;}.aa,.bb,.cc,.dd,.ee{ top:10px; left:10px; width:10px; height:10px;&nbs...
http://www.jb51.net//article/1131.htm
出处:http://blog.donews.com/dodo/archive/2005/06/18/434979.aspx在TABLE布局中设计Form,一般都是用2个td来布局,如果不用table,用CSS怎么做呢?看看下面的代码<styletype="text/css">label{float:left;width:80px;}form{margin:0px}input{width:180px;border:1pxsolid#808080}textarea{width:250px;height:150px;}#sbutton{margin-left:80px;margin-to...
http://www.jb51.net//article/1130.htm
作者:阿捷2004-7-214:38:35原文出处:sessions.edu,共4节,这里翻译了主要的第一节。作为一个热门技术,CSS的发展的确有些缓慢。CSS最早被提议在1994年,最早被浏览器支持在1996年,CSS一直被力捧为传统的以HTML为基础的web代码的继承者。CSS使用样式表来控制整个站点字体和布局的能力,使它看起来非常有效率、易于设计和有远见。然而,也一直有荒诞的说法围绕着CSS,阻碍了网页设计师学习和掌握这种语言。究竟是什么让人们大惊小怪呢?我们访问了大学教师ChristopherSchmitt,他是CSS的倡导者之一。Christopher深信CSS将成为网页设计师必备知...
http://www.jb51.net//article/1128.htm
*mozilla.orgBaseStyles*maintainedbyfantasai*(classesdefinedintheMarkupGuide-http://mozilla.org/contribute/writing/markup)*//*Suggestedorder://显示属性*display*list-style*position*float*clear//自身属性*width*height*margin*padding*border*background//文本属性*color*font*text-decoration*text-align*vertical-align*wh...
http://www.jb51.net//article/1120.htm
用W3C标准建造的网站,从理论上来说可以做到完全的表现与结构相分离。打个比方,就是可以在不动骨架(结构,XHMTL)和肌肉(行为,Javascript)的前提下,彻彻底底地换一身皮(表现,CSS)。当然,换皮之前你需要先按W3C标准建好你的网站,并且为它准备两套表现不一样的CSS。“换皮”实质上就是“换CSS”,我们要做的,只是用某种方法让浏览器载入另一套CSS,重新渲染页面。方法有很多种,我就介绍最常见的三种。方法一:什么也不干啊?什么也不干?嗯,这个……准确地说是:就干那么一丁点儿(你还真以为有这么好的事儿呀……)。假设我们有两套CSS,分别封闭在两个不同的文件中:a.css和b.css。...
http://www.jb51.net//article/1119.htm
在阿捷的w3cn中,他说:引用内容在以前,我们通常采用2种方法使用样式表:页面内嵌法:就是将样式表直接写在页面代码的head区。类似这样:<styletype="text/css"><!--body{background:white;color:black;}--></style>外部调用法:将样式表写在一个独立的.css文件中,然后在页面head区用类似以下代码调用。<linkrel="stylesheet"rev="stylesheet"href="css/style.css"type="text/css"media="all"/>在符合we...
http://www.jb51.net//article/1118.htm
CSS布局常用的方法:float:none|left|right取值:none: 默认值。对象不飘浮left: 文本流向对象的右边right: 文本流向对象的左边它是怎样工作的,看个一行两列的例子xhtml:<divid="wrap"><divid="column1">这里是第一列</div><divid="column2">这里是第二列</div><divclass="clear"></div>/*这是违背web标准意图的,只是想说明在它下面的元素需要清除浮动*/</div>CSS:#wrap{w...
http://www.jb51.net//article/1117.htm
