Jul
2009
31
13:37
用css样式控制超链接颜色显示,很多人在网页上实现不同链接有不同的颜色上不知如何处理，如果改a的属性，好像所有的链接的颜色都改了。事实上，采用css样式实现这个效果比较简单。先看一下常用设置：a:link超链接的普通样式a:visited点击过的a:hover鼠标经过时的a:active单击时a:link{text-decoratio..
Jul
2009
31
13:37
纯CSS表单显示效果,lt;htmlgt;lt;headgt;lt;metahttp-equiv=Content-Typecontent=text/html;charset=gb2312gt;lt;titlegt;非常不错的纯CSS表单显示效果-站在巨人肩膀上lt;/titlegt;lt;styletype=text/cssgt;body{font-family:verdana,font-size:12px;color:#FFFFFF;background-color:#fff..
Jul
2009
31
13:37
CSS文件可维护、可读性提高指南四则,我们经常没有特别注意CSS文件的可维护与可读性的问题，当完成一项前端的工作之后，许多人都会忘记该项目的结构与细节。然而代码并不是马上就能完全定型，在余下的时间里还有不断的维护工作，而这些工作也许不会是你自己完成。所以，结构优良的代码能很大程度上优化它的..
Jul
2009
31
13:37
CSS布局之浮动（二）,在上一个文章里写了关于左（右）侧定宽右（左）侧自动缩放的两列浮动，这个文章就要说一下三列浮动的问题了。在之前说过，两列浮动是其他多列浮动的基础，明白了两列浮动的原理后，三列或三列以上的多列浮动也变得简单。左侧中间定宽，右侧自适应：因边左侧跟中间都是定..
Jul
2009
31
13:37
搞定IE的最重要CSS技巧,众所周知道，IE向来是我们在制作网页时最难搞定的对手。但又迫于其用户群数量之多，我们不得不想法设法搞定它。下面，将介绍的将是利用其特点而被发现/创造出来的CSS技巧。让你轻松搞定这个难对付的家伙。IE注释：最安全的HACKIE的途径lt;!--[ifIE]gt;lt;linkrel=”sty..
Jul
2009
31
13:37
CSS布局之浮动（一）,CSS浮动一直是个比较让人郁闷的问题，很多的布局问题都出在浮动上，特别是当浮动的列数很多时，但其实只要理解了两列结构的浮动，面对多列数的浮动也不会再心慌，因为两列结构的左右浮动是最基本的浮动，也是更多浮动的基础，三列、四列等的浮动都是出于此的。来看一下..
Jul
2009
31
13:37
根本不存在DIV+CSS布局这回事,原文：http://www.cnblogs.com/cathsfz/archive/2007/04/09/706336.html在《欲练CSS，必先宫IE》和《你有lt;table/gt;强迫症吗？》这两篇文章中，看到有不少评论用到div+CSS布局这个说法，用来和table布局比较。实际上div不是用来布局的，div只是用来表示一个其它元素都..
Jul
2009
31
13:37
利用CSS让容器的溢出部分内容隐藏起来，smarty就可以不用截取字符串了,nbsp;nbsp;nbsp;在网页设计中，会遇到文本超过固定长度导致整体的网页变形的情况。程序员往往需要截取固定的长度来实现某些固定长度的控制。介绍一种直接采用CSS的代码控制来实现文本截取的方法。与程序员的直接字符截取的方式有点区别，其优势是可以自...
Jul
2009
31
13:37
CSS让你的IE浏览器崩溃,严格来说不是光CSS就能令IE浏览器崩溃crash，而要配合一定的XHTML架构。到现时为止发现有两种写法的代码分别会令IE6、IE7崩溃，至于原因我尝试寻找过答案但至今还没找到…如你有这方面的认识或更详细的资料很希望你能分享一下！令浏览器崩溃的代码如下：CrashIE6lt;sty..
Jul
2009
31
13:37
CSS讨论：IE下中英文字体下划线对齐问题,首先描述一下问题：如图所示，在IE下当一行文字同时有英文跟中文的时候，链接下划线就会发生折行，也就表示这个时候中英文是没有对齐的！（FIREFOX不受此问题影响）但是经过测试，默认的直接在页面里设置链接的时候是不会出现这个情况的！代码lt;!DOCTYPEhtmlPUBLIC-//..
Jul
2009
31
13:37
网页切图、css命名规则,头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：leftrightcenter登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单：..
Jul
2009
31
13:37
css圆角效果-网页特效,lt;htmlgt;lt;brgt;lt;headgt;lt;brgt;lt;titlegt;css圆角效果--网页特效lt;/titlegt;lt;metahttp-equiv=content-typecontent=text/html;charset=gb2312gt;lt;styletype=text/cssgt;div.RoundedCorner{background:#9BD1FA}b.rtop,b.rbottom{display:block;backgrou
Jul
2009
31
13:37
两句CSS完美截断侧栏最新评论列表,常见的侧栏最新评论列表一般有两种格式：路人甲发表于某某文章，或者路人乙：引言……它们都有个问题，就是换行很难控制，长短不一，有时候内容还会把页面撑破。老肥研究了很久CSS手册，找到了一个符合标准的办法，像现在我的侧栏widget一样，强制只显示一行，多出来的..
Jul
2009
31
13:37
CSS样式和JavaScript脚本是否放置于外部文件的探讨,CSS样式和JavaScript脚本是应该放在外部文件中呢？还是把它们放在页面本身之内呢？如何处理是关于一些性能规则的思维，52CSS.com就这些问题，作一些探讨。在实际应用中使用外部文件可以提高页面速度，因为CSS样式和JavaScript脚本文件都能在客户端产生缓存。内置在HTML..
Jul
2009
31
13:37
你应该知道的CSS的十八个技巧,一、使用css缩写使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。二、明确定义单位，除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一..
Jul
2009
31
13:37
CSS选择器的优先级,关于CSS选择器优先级，目前国内已有很多人进行过解释，但感觉不如人意，特别对于初学者，更是难以理解。这里我把W3C上所描述的规范以我的理解再解释一下，希望能给大家提供到帮助。在Calculatingaselector’sspecificity上的原文摘选如下：Aselector’sspecificityisca..
Jul
2009
31
13:37
通过重定义CSS，实现网页内容完美打印输出,原作者：MatthewGriffin虽说已是互联网无所不能的时代，但还是会需要将网页内容打印出来阅读。对于网生的电子报、电子期刊这些更适合于在网络环境中阅读的内容，怎样通过打印输出生成适当的纸媒页面呢？长时间来，这一直是一个课题。为了写如下这篇博文，作者对相关问题..
Jul
2009
31
13:37
细边框表格的实现方法,在HTML中，我们设置border=”1″时，表格边框实际大小是2px，那如果我们要做成1px的细线表格要怎么办？以前在做1px的表格的时候，我会用表格背景颜色，然后再用另一种颜色设计单元格的背景，再把表格间距设置成1px，这样就能达到我们的1px表格了，如下例：lt;tablealig..
Jul
2009
31
13:37
学习CSS的背景图像属性background,CSS的背景属性“background”提供了众多属性值，如颜色、图像、定位等，为网页背景图像的定义提供了极大的便利。看看background提供的属性值：background:background-color|background-image|background-repeat|background-attachment|background-position从属性值的名..
Jul
2009
31
13:37
CSS缩写语法总括,css缩写的主要规则如下：颜色16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369.字体fonts字体的属性如下：font-style:italic;font-variant:small-caps;font-weight:bold;font-size:1em;line-height:140%;font-fa..
Jul
2009
31
13:37
CSS公用属性,这是我们开发团队默认的样式表希望大家补充/*Author:cuikaimsty@tom.com*//*reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{bor..
Jul
2009
31
13:36
css图像映射,图像映射使我们可以将图像的一些区域指定为热点。下面我们来看看图像映射的xhtml和css代码：xhtml:lt;divid=picgt;lt;imgsrc=img.jpgwidth=600height=450alt=img/gt;lt;ulgt;lt;liclass=avirlgt;lt;ahref=#title=avirlgt;lt;spanclass=outergt;lt;spanclass=innergt;lt..
Jul
2009
31
13:36
CSS隔行换色,行换色的问题，其实很简单，解决办法无非一下几种：1：背景图，如果行高固定的话，推荐使用背景图，也推荐将行高固定！兼容一切浏览器。2：expression文字：color:expressionthis.sourceIndex%2?'#ff0000':'#000000';背景：background-color:expressionthis.sourceInde..
Jul
2009
31
13:36
CSS浏览器兼容方案-hack与一个完全css做的滑动菜单,1、仅IE7与IE5.0可以识别*+htmlselect{…}当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。2、仅IE7可以识别*+htmlselect{…!important;}当面临需要只针对IE7做样式的时候就可以采用这个HACK。3、IE6及IE6以下识别*htmlselect{…}这个地方要特别注意很多博..
Jul
2009
31
13:36
CSS扩展滤镜属性及语法,CSS滤镜：1.Alpha滤镜语法:AlphaOpacity=?,FinishOpacity=?,Style=?,StartX=?,StartY=?,FinishX=?,FinishY=?代码：lt;fontstyle=font-size:30pt;filter:alphaopacity=100,style=3;width:100%;color:red;line-height:150%;font-family:华文行楷gt;lt;bgt;CSS滤镜实例lt;..
Jul
2009
31
13:36
CSS高级应用：定义列表的特殊用法,nbsp;nbsp;nbsp;有序无序单标签很简单，只要知道用法就行，但是关键点我认为不在于知道这个标签长什么样，重点是在于什么样的数据适合使用什么样的列表。什么样的数据是有序的，什么样的数据是无序的？阅读完要思考，这样才能学到东西，知识才能是自己的。nbsp;nbsp;nb..
Jul
2009
31
13:36
css控制div置顶置底的例子,lt;!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdgt;lt;htmlxmlns=http://www.w3.org/1999/xhtmlnbsp;xml:lang=zh-CNlang=zh-CNgt;lt;headgt;lt;metahttp-equiv=Content-Typecontent
Jul
2009
31
13:36
DIV+CSS技术是否适合中国中小网站,由于本人才疏学浅，对DIV+CSS也没有深入彻底研究透，只是凭自己的一点认识而写，希望高手不要扔砖。废话少说，直接进行正题。现在全国大大小小的网站都在搞一场技术“革命”，就是所谓“网站重构”说简单点就是DIV+CSS进行网站制作。用DIV+CSS代替传统的Table制作框架和..
Jul
2009
31
13:36
CSS运用的二十四则技巧,在CSS网页布局开发中，会有很多小技巧，新手朋友往往对此很不熟悉。在某一两个小问题上，或许纠缠很长时间才能搞明白，虽然在52CSS.com的文档中，多次提及过这方面的内容，但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧，认真读一读，或许您并不能完全理..
Jul
2009
31
13:36
很立体的CSS按钮菜单效果,lt;styletype=text/cssgt;#menu{display:block;position:relative;background:#edebdc;width:112px;padding:25px;border:1pxsolid#000;margin:0auto;}.white{position:absolute;width:100px;height:20px;color:#fff;background:#fff;border-top:1pxsolid#
