Jul
2009
31
13:30
divcss表单布局的五个小技巧,divcss表单布局的五个小技巧可以帮助你更灵活的控制表单，使页面更加满意。1、表单文本输入的移动选择：在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver=this.focusonFocus=this.select代码到lt;textareagt..
Jul
2009
31
13:30
CSS灵活运行注释带来的益处,如果使用注释的方法得当的话，为你的CSS文件添加注释可以在开发过程中给予你和其他人很大的帮助。最常见的是为CSS样式规则添加提示信息，不过使用注释对优化组织结构和提升效用也很有帮助。提示和标签这是注释最常用的途径，可以为自己或其他开发人员留下提示信息可以避..
Jul
2009
31
13:30
CSS滤镜效果精粹,下面给出了html示例代码和包含在其中的css代码，里面用的图片为fd.jpg，复制代码，并将一张图片命名为fd.jpg即可看到全部效果lt;!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//ENgt;lt;htmlgt;nbsp;lt;headgt;nbsp;nbsp;nbsp;lt;titlegt;CSS滤镜效果.htmllt;/ti..
Jul
2009
31
13:30
CSS全解收藏,CSS全称CascadingStyleSheet。层叠式样式表。一、CSS的四种实现方式：1.内嵌式：2.外链式：3.导入式4.属性式：二.CSS的定义：选择对象{属性1:值1;属性2:值2;属性3:值3;属性n:值n……}如：td{font-size:12px;color:#FFFF00}.myname{font-size:12px;color:#FFFF00}a:hove..
Jul
2009
31
13:30
选择正确DOCTYPE解决CSS在网页失效问题,如果你的CSS都是正确的，链接也没有出错的话，为什么偏偏CSS样式不生效呢？你也许正在为这个事而焦头烂额，呵呵，不要气馁，我以前也被这个事弄得头大过。这时你需要检查你的网页最头部是否有如下一句话了？有的朋友也许会说，以前我新建网页后都把它去掉了，没用。现在..
Jul
2009
31
13:30
高手传授十八般CSS技巧,一、使用css缩写使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。二、明确定义单位，除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一..
Jul
2009
31
13:30
CSS代码分享：浏览器CSSReset方法十例,CSSReset是指重设浏览器的样式。在52CSS.com以前的文章中，也介绍过相似的知识，但不够深入，今天我们看十个CSSReset方法的例子，学习这种方法的应用。在各种浏览器中，都会对CSS的选择器默认一些数值，譬如当h1没有被设置数值时，显示一定大小。但并不是所有的浏览器都..
Jul
2009
31
13:30
CSS编辑器：TopStylePro使用技巧,大家在编写CSS的时候可能认为记事本并不是最棒的，有什么css编辑工具可以提高我们编码的效率呢？TopStyle点击下载：TopStyleV3.5Beta4是我一直用的CSS编辑工具，最开始就是瞎用也没有仔细研究过，不过后来把里面的功能仔细看了看发现它的功能真是太强大了！在这里分享一..
Jul
2009
31
13:30
网页制作:用div+css模拟表格对角线,nbsp;nbsp;nbsp;有时在插入文档时，要用到表格对角线，常见的作法是用图片的方式来处理，还有就是用vml来画对角线，能不能用html+css方式来实现呢？答案是肯定的，下面我们来摸拟一个表格对角线。nbsp;nbsp;nbsp;用边框线来摸拟斜线，我们知道，如果将一个DIV的边框线设..
Jul
2009
31
13:30
HTML高级技巧：详解CSS的优先权,nbsp;nbsp;nbsp;优先权问题其实就是一个冲突解决的问题，当同一个元素或内容被CSS选择符选中时，就要按照优先权取舍不同的CSS规则，这其中涉及到的问题其实很多。nbsp;nbsp;nbsp;首先就是CSS规则的specificity特殊性，CSS2.1有一套关于specificity的计算方式，用一个四..
Jul
2009
31
13:30
清除浮动（闭合浮动元素）方法总结,nbsp;nbsp;nbsp;很多人都有研究闭合浮动元素的问题，但是解决方法却不一样，也并不是每一种方法都尽善尽美。闭合浮动元素（或者叫清除浮动）是web标准设计中经常会遇到的一个问题，因此，这里我想总结一下目前经常用到的几种方法，并比较一下他们的易用性和适用环境。如..
Jul
2009
31
13:30
快速定位页面中复杂CSSBUG,相信大家对于常见CSSBUG的处理已经相对比较熟悉，例如：IE6ThreePixelGap、IE5/6DoubledFloat-MarginBug等等。但时常我们也会碰到复杂的CSSBUG问题，所谓“复杂”实质是指触发的条件很复杂，而“BUG”也并非指一定是浏览器的BUG。对于此类问题，我们首先要解决的是如何..
Jul
2009
31
13:30
用CSS3和HTML5实现五例Web特效,CSS3+HTML5是未来的Web，它们都还没有正式到来，虽然不少浏览器已经开始对它们提供部分支持。本文介绍了5个CSS3技巧，可以帮你实现未来的Web。目前这些技术不应该用在正式的客户项目，它们更适合你的个人博客站点，Web设计社区，或者不会有客户向你投诉的场合。1.圆角效..
Jul
2009
31
13:30
css类库收藏,CSS代码/*初始化样式*/nbsp;nbsp;body{font-family:宋体,Arial,Verdana,sans-serif,Helvetica;font-size:12px;color:#010000;}nbsp;nbsp;dl,dd,ul{list-style:none;}nbsp;nbsp;aimg{border:0;}nbsp;nbsp;div,form,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{padding:0;m..
Jul
2009
31
13:30
IE6下DIV高度显示的Bug收藏,IE6下默认的字体尺寸大致在12-14px之间，当你试图定义一个高度小于这个默认值的div的时候，IE会固执的认为这个层的高度不应该小于字体的行高。所以即使你用height:6px;来定义了一个div的高度，实际在IE下显示的仍然是一个12px左右高度的层。要解决这个问题，可以强制定..
Jul
2009
31
13:30
css跨站javascript,Xsstc:Cross-sitescriptingthroughCSSdata，看名字就看出来了，通过CSS跨站运行script，使用方法:导入xsstcx.js未压缩版xsstc.js添加一个id=”Xsstc”的空DIV。在JS中调用Xsstc.execfunctionURL,callback，使用的内容作为callback的参数传入callback中其中CSS的定义也有..
Jul
2009
31
13:30
澄清DIV+CSS设计的误区,当DIV+CSS平地起惊雷突然出现在网页设计行业的时候，官方、民间无不推崇备至，仿佛Table设计的时代就要终结，马上就要步入DIV+CSS的时代，不懂得DIV+CSS你都不好意思说你会网页设计，不知DIV+CSS你都不好意思说你是站长，你要还是用TABLE来设计站点，无数鄙夷之光就投射..
Jul
2009
31
13:30
DIV+CSS神话,新闻来源:COMSHARP作为一个身处2008年末的Web设计师，你是否好意思承认自己的代码中使用了Table，如果是，你是一个有勇气的人，Web设计是个奇怪的行业，你可以将自己的网站设计得像晚报的分类广告，或者楼道里的开锁广告，但千万别让人知道你使用了Table，在你的源代码..
Jul
2009
31
13:30
网页制作必知：初探CSS3的RGBA颜色,一直以来，浏览器的透明一直无法实现单纯的颜色透明，每次使用alpha后就会把透明的属性继承到子节点上。换句话说，很难实现背景颜色透明而文字不透明的效果，直到RGBA颜色的出现这一切将成为现实。nbsp;nbsp;nbsp;实现这样的效果非常简单，设置颜色的时候我们使用标准的..
Jul
2009
31
13:29
CSS教程：十步学会用css建站,本篇已得到原作者SteveDennis的翻译准予，在此Jorux表示感谢！本教程主要参考CreatingaCSSLayoutfromscratch，由Jorux翻译，以意译为主，其间加入了不少Jorux的个人观点，省略了一些多余的说明，请读者明鉴。规划网站首先需要规划网站，本教程将以下图为例构建网站。图..
Jul
2009
31
13:29
CSS属性与JavaScript编码对照表,nbsp;nbsp;nbsp;CSS与JS紧密配合，为我们的页面增添了很多别致的效果。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。nbsp;nbsp;nbsp;比如：鼠标经过一个图片时我们让图片加一个边框，代码可能是这样：JavaScript中style后面的属性应该..
Jul
2009
31
13:29
IE6不解析某些CSS代码的解决方法,网页采用了UTF-8编码格式，这本来没有问题，问题是外部CSS文件默认是ANSI编码，并没有保存为UTF-8格式。可能你会发现在一般情况下这样也是没有问题的，然而当CSS文件中包含有中文注释时就可能不尽如人意了！估计是IE6版本以下的浏览器在解析这个CSS文件时因为编码问题而..
Jul
2009
31
13:29
CSS文字换行详细解说,本文列举了兼容IE和FF地换行CSS推荐样式,详细介绍了word-wrap同word-break地区别.兼容IE和FF地换行CSS推荐样式：最好地方式是word-wrap:break-word;overflow:hidden;而不是word-wrap:break-word;word-break:break-all;也不是word-wrap:break-word;overflow:auto;这种最..
Jul
2009
31
13:29
css实现图片横向排列，溢出隐藏\滚动条横向拖动,关键样式：white-space:nowrap;/*内容横向排列不换行*/overflow-x:auto;overflow-y:hidden;/*隐藏溢出部分。横向滚动条自动出现，纵向滚动条隐藏*/预览代码:lt;!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti..
Jul
2009
31
13:29
Div+CSS+JS树型菜单，可刷新,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=gb2312g
Jul
2009
31
13:29
CSS外框阴影效果,lt;stylegt;.s1{border:2pxsolid#f7f7f7;width:200px;}.s2{width:200px;height:300px;border:1pxsolid#ddd;}lt;/stylegt;lt;divclass=s1gt;lt;divclass=s2gt;CSS外框阴影lt;/divgt;lt;/divgt;..
Jul
2009
31
13:29
css实现强制不换行/自动换行/强制换行,强制不换行div{white-space:nowrap;}自动换行div{word-wrap:break-word;word-break:normal;}强制英文单词断行div{word-break:break-all;}nbsp;CSS设置不转行：overflow:hidden隐藏white-space：normal默认pre换行和其他空白字符都将受到保护nowrap强制在同一行内显示所..
Jul
2009
31
13:29
css插入透明pngIE6下PNG背景透明）,PNG图片支持透明~很不错，可是在IE6下却不能正确显示透明部分，使用这个css可以解决这个问题（还有其他方法，不过百度空间只能用css~_~filter:progid:DXImageTransform.Microsoft.AlphaImageLoadersrc=png图片地址,sizingMethod='crop';把上面的加在css中。例如#in_sen..
Jul
2009
31
13:29
客户端CSS解决自动截取字符串长度,并以...代替,通常的我们在读取文章标题的时候，遇到字符过多，都是通过程序在SERVER端截取一定的字符数，然后添加...来实现标题长度截取的。其实我们也可以通过CSS来控制。实列如下：.title{width:200px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ell..
Jul
2009
31
13:29
使用CSS控制段落首行缩进,p{font-size:10.5pt;text-indent:21pt}text-indent的值为font-size的2倍，相当于缩进2个汉字..
