Jul
2009
31
13:33
CSS里也能写脚本？,lt;styletype=text/cssgt;.showCSS{event:expressiononmouseover=function{this.style.backgroundColor='#f0f0f0'},onmouseout=function{this.style.backgroundColor='#ffffff'}}lt;/stylegt;lt;divclass=showCSSgt;把鼠标放上去试试看！：）lt;/divgt;..
Jul
2009
31
13:33
CSS初级入门：页面样式的整体声明,整体声明的方法1.基本上，整体声明有两种方法，第一种就是针对一个标签，然后一次设定好几个样式。第二种就是同时对好几个标签设定相同的样式。下面这个例子就是：“针对一个标签，然后一次设定好几个样式”：lt;stype=text/cssgt;body{font-size:9pt;font-color:red;b..
Jul
2009
31
13:33
用CSS实现表格背景颜色渐变效果,怎么样用CSS实现表格背景颜色的渐变效果呢，请看下面的例子：functionPreviewobj{varTestWin=open'';TestWin.document.writeobj.value;}functioncopyCodeobj{varrng=document.body.createTextRange;rng.moveToElementTextobj;rng.scrollIntoView;rng.select;rng.execCo..
Jul
2009
31
13:33
CSS初级入门：样式的多次声明,分项声明搞懂了基本声明和整体声明后，现在要来谈谈分项声明了，这个内容基本上不用多讲，因为并没有什么特别的用法，看看下例就知道了：lt;styletype=text/cssgt;body{font-size:9pt;font-color:red}body{font-family:宋体;background:white}lt;/stylegt;nbsp;你会发现..
Jul
2009
31
13:32
认识CSS中absolute与relative,很多朋友问过我absolute与relative怎么区分，怎么用？我们都知道absolute是绝对定位，relative是相对定位，但是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又是相对于什么地方而言的呢？那他们又有什么样的特性，可以做出什么样的效果呢？关于两者之间又有..
Jul
2009
31
13:32
对display:inline;与float:left;的认识,首先我们要明确，display:inline;与float:left;正确含义。display:inline;内联《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如，我们设定一个内联元..
Jul
2009
31
13:32
相册的自动播放效果SlideShow,写了个SlideShow的原型,利用image的complete,判断图片是否调用完全，调用完全以后才显示，否则是LOADING的图片，还考虑的是1.每调用一张图片之前先出现loading的过程,2.调用图片中不会因为网速和图片过大而未显示全,直接跳到下一张,要按顺序一张一张播放.3.第一次播放的..
Jul
2009
31
13:32
CSS+DIV设计实例：不同色链接和其下划线,以下是引用片段：lt;styletype=text/cssgt;a{color:#333333;text-decoration:none;}a:visited{color:#333333;text-decoration:none;}a:hover{color:#FF0000;text-decoration:underline;}aspan{color:#333333;}lt;/stylegt;lt;ahref=#gt;lt;spangt;111lt;
Jul
2009
31
13:32
CSS+DIV网页特效欣赏：非常酷的角BANNER,TopRightBannerStyle#topright{position:absolute;right:0;top:0;display:block;height:125px;width:125px;background:urlTRbanner.gifno-repeat;text-indent:-999em;text-decoration:none;}TopLeftBannerStyle#topleft{position:absolute;le
Jul
2009
31
13:32
CSS+DIV设计实例：超酷的竖排导航栏,以下是引用片段：lt;divid=navcontainergt;lt;ulid=navlistgt;lt;liid=activegt;lt;ahref=#id=currentgt;Itemonelt;/agt;nbsp;lt;ulid=subnavlistgt;lt;liid=subactivegt;lt;ahref=#id=subcurrentgt;Subitemonelt;/agt;lt;/ligt;lt;ligt;lt;ahref=#gt;Subi
Jul
2009
31
13:32
CSS+DIV设计实例：纯CSS制作下拉导航菜单,以下是引用片段：lt;styletype=text/cssgt;.menu{font-family:verdana,sans-serif;width:750px;position:relative;font-size:0.85em;padding-bottom:250px;}.menuul{padding:0;margin:0;list-style-type:none;}.menuulli{float:left;position:relative
Jul
2009
31
13:32
CSS+DIV设计实例：实现让多个DIV排列时居中,lt;?xmlversion=1.0encoding=iso-8859-1?gt;lt;!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdgt;lt;htmlxmlns=http://www.w3.org/1999/xhtmlgt;lt;headgt;lt;titlegt;Unti
Jul
2009
31
13:32
不用script仅用css编写无限分级弹出菜单,一直以来，我们大多使用js来实现弹出菜单，可是根据w3c的css标准，根本就没有这个必要。只需要简单得使用css+html就可以做出一个无限分级的弹出菜单。没错，就是利用Element:hover这个伪类。注意，浏览这个例子，你必须使用标准浏览器，例如MozillaFirefox/Opera7.5IE不..
Jul
2009
31
13:32
CSS做一个超链接的陷下效果,lt;stylegt;A:link,A:visited,A:active{TEXT-DECORATION:none}A:hover{text-decoration:none;position:relative;top:1px;left:1px}lt;/stylegt;lt;AHREF=http://homepage.yesky.com/gt;把鼠标放上来看看效果---lt;/Agt;lt;AHREF=http://homepage.yesky.com/gt;这里是天
Jul
2009
31
13:32
详细介绍CSS的三种selector,HTMLselectorHTMLselector就是HTML的tags,比如P,DIV,TD等.如你用CSS定义了它们,在整页中,这个Tag的性质就按照你的定义来显示了.HTMLselector的语法如下tag{property:value}比如我们想叫H1的颜色是红的H1{color:red}这里还要告诉你CSS的一个特点,它可定义好几个selector..
Jul
2009
31
13:32
CSS层叠样式的主次顺序,当使用了多个样式表，样式表需要争夺特定选择符的控制权。在这些情况下，总会有样式表的规则能获得控制权。以下的特性将决定互相对立的样式表的结果。正如以前所提及的，网页制作者和读者都有能力去指定样式表。当两者的规则发生冲突，网页制作者的规则会凌驾于读者的其..
Jul
2009
31
13:32
CSS垂直树形下拉菜单,第一步:建立菜单首先建立菜单架构非常重要,最好的方法是使用ul来建立各菜单内容的从主关系.很复杂么?其实只要一路写下去就OK了:以下是引用片段：nbsp;lt;ulgt;nbsp;nbsp;nbsp;nbsp;nbsp;lt;ligt;lt;anbsp;href=#gt;Homelt;/agt;lt;/ligt;nbsp;nbsp;nbsp;nbsp;nbsp;lt;l..
Jul
2009
31
13:32
合理使用HTML标签进行CSS布局,CSS高级布局已逐渐流行，但面对所谓DIV+CSS布局的叫法让人更为担心，不要让DIV成为Table的替代品，多层嵌套的DIV会严重影响代码的可阅读性，活用HTML为我们提供的标签吧。什么时候应该用DIV?虽然在这方面没有什么硬性的规定,但个人认为DIV更适用于大体框架的定位.例如我..
Jul
2009
31
13:32
CSS让表格的溢出内容隐藏起来,lt;divstyle=width:150px;height:50px;overflow:hidden;gt;lt;tablecellspacing=0cellpadding=0gt;lt;trgt;lt;tdgt;网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧lt;/tdgt;lt;/trgt;lt;trgt;lt;tdgt;网页..
Jul
2009
31
13:32
CSS仿淘宝首页导航条布局效果,lt;!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdgt;lt;htmlxmlns=http://www.w3.org/1999/xhtmlgt;lt;headgt;lt;metahttp-equiv=Content-Typecontent=text/html;charset=utf-8/gt;l
Jul
2009
31
13:32
使用CSS创建固定宽度的布局,我最近的几篇专栏文章讨论了使用XHTML和CSS实现两列或三列页面布局的各个方面。到目前为止，所有例子都使用流式布局（也就是布局会自动扩展和适应浏览器窗口的宽度）。现在是时候考虑另外一种主要的页面布局方法了，这种布局方法是固定宽度布局。很多Web构建人员倾向于..
Jul
2009
31
13:32
使用纯CSS设计3D按钮,CSS按钮的效率远比基本图像的按钮的效率高得多，因为它们全部都是基于文本的。所有要用XHTML标记只是一个无序列表——CSS样式负责其余部分。而且，你不需要任何JavaScript来交换图像以实现翻卷效果，因为CSS伪类（pseudoclass）能够让你为链接的每个状态（链接lt;linkg..
Jul
2009
31
13:32
CSS入门教学十四个问与答,CSS是CascadingstyleSheets的简称，中文译作“层叠样式表单”，我把它叫作“层叠样式表”，我感到这样顺口一点，没别的意思。实际上它是一组样式。你可能对CSS这个名词比较陌生，实际上无论你用InternetExplorer还是NetscapeNavigator在网上冲浪，几乎随时都在与CSS打交..
Jul
2009
31
13:32
完全用CSS实现的中英文双语导航菜单,这是一个完全用CSS实现的中英文双语导航菜单，无脚本和图片，初始时，菜单语言是英文，当鼠标悬停在菜单上时，其变成中文，当然你也可以反过来做。实现原理：nbsp;nbsp;XHTMLlt;ulid=navgt;lt;ligt;lt;aclass=bihref=index.htmlgt;Homelt;spangt;首页lt;/spangt;lt;/ag..
Jul
2009
31
13:32
CSS的“弹出式”图像浏览器,CSS的”弹出式“图像浏览器转自DynamicDrive，纯CSS的，原理就是在a标记里面放两张图片，一张大图，一张小图，正常情况下小图可见，大图隐藏，a:hover就显示大图了以下是引用片段：lt;styletype=text/cssgt;.thumbnail{position:relative;z-index:0;}.thumbnail:hover{..
Jul
2009
31
13:32
一个针对IE7的CSSHack,IE7修复了很多bug，也增加了对一些选择符的支持，所以现在诸如*html{}和htmlgt;body{}等针对IE隐藏或显示的hack都会在IE7中失效。虽然CSSHack不推荐使用，条件注释才是万无一失的过滤器，但是条件注释只能出现在HTML中，CSSHack还是有用武之地的。Nanobot发现了一些针对..
Jul
2009
31
13:32
CSS规范闭合浮动元素介绍,按照CSS规范，浮动元素（floats）会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子（通常是文本）的排列。因此当其高度超出包含容器时，一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为，具体如何处理呢？有一种做法就是在父容..
Jul
2009
31
13:32
避免表格table被撑开变形的CSS,如何避免表格因为图片尺寸或者过长的英文字符而变形撑开，在CSS加入以下代码就可以防止，同时英文单词也会按单词断行，不是按字母这个。我想说的是这个在CSS2.0是不支持的，但是能解决一些实际问题。页面设计不是为了标准检验而设计，还是以用户使用为主，在目前有些WE..
Jul
2009
31
13:32
在CSS中关于字体处理效果的思考,字体的处理在网页设计中无论怎么强调也不为过，毕竟网页使用来传递信息的，而最经典最直接的信息传递方式就是文字，所以，了解一点字体的基本知识对于设计来说还是非常重要的。中文和英文的最大区别就是中文是方块字，英文是拼音文字，这对字体的处理的影响是巨大的。看..
Jul
2009
31
13:32
不用float实现模块居中布局,最常见实用的布局形式：上、中左、中右、底四个模块，宽度760px，整体页面居中。结构代码，topleftrightfoot四个模块全部独立、互不嵌套。＜divid=top＞head＜/div＞＜divid=left＞nbsp;＜divid=left_module＞left＜/div＞＜/div＞＜divid=right＞nbsp;＜divid=right_m..
