Jul
2009
31
13:36
CSSHack兼容大全,令您的网页能正常显示在IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari…,首先附上的时阿捷站上的CSSHack图CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。常见兼容问题：1.DOCTYPE影响CSS处理2.FF:div设置margin-left,margin-right为auto时已经居中,IE...
Jul
2009
31
13:36
13种常用按钮、文本框、表单等CSS样式,虽然CSS样式的学习需要我们动手多实践，需要多做案例，思致思考，但有时候注意资料的收集与整理也是非常重要的，在实际开发中往往会起到事半功倍的效果。一、按钮样式nbsp;ExampleSourceCode.buttoncss{nbsp;nbsp;nbsp;font-family:tahoma,宋体;nbsp;nbsp;nbsp;font-si..
Jul
2009
31
13:36
firefox浏览器支持的CSS鼠标样式,虽说在CSS参考手册中注明了cursor兼容性：IE4.0+NS6.0+继承性：有。但还是有些属性值在FF环境中不支持.FF及IE6＋支持的鼠标样式有all-scrollnbsp;:IE6.0有上下左右四个箭头，中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。col-resizenbsp;:IE6.0有左..
Jul
2009
31
13:36
input的Css样式,cssfile:input{nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;behavior:urlbindbutton.htc;nbsp;nbsp;nbsp;nbsp;nbsp;}htcfile:lt;PUBLIC:COMPONENTlightWeight=truegt;lt;PUBLIC:ATTACHEVENT=oncontentreadyONEVENT=load/gt;lt;PUBLIC:ATTACHEVENT=onmouseoutnbsp;ONEVEN
Jul
2009
31
13:36
用CSS等比例缩放图片,早上起来就在想这个问题，一直到公司也没想出个法，真愁。对于我这种JS的白痴来说，有点费劲。试了N久后：width:expressionthis.widthgt;100amp;amp;this.widthgt;this.height?100:true;height:expressionthis.heightgt;100?100:true;支持IE6FF和IE7..
Jul
2009
31
13:36
最常用的12种CSSBUG解决方法与技巧,CSSbug是布局中最头疼的问题。我们需要兼顾各种浏览器，以期待获得一致的效果。非常遗憾的是各厂商之间的竞争导致很多问题的存在。而IE6与IE7在很多问题上也存在着很大的差别。在52CSS.com大量的技术文档中，也包含了这方面的内容。轻松的解决CSSbug是我们必须掌握的技..
Jul
2009
31
13:36
IE下div边框显示有残缺,IE6下div边框显示有残缺nbsp;nbsp;nbsp;nbsp;最近在做页面布局的时候出现一个问题，把一个div的border设置为1px,这个DIV作为一个容器，容器里面的内容设置了float属性。在IE6下就一直会有问题，容器的边框在渲染的时候总有残缺，显示不完全，感觉若隐若现的。但是把鼠标..
Jul
2009
31
13:36
IE6支持PNG格式图片的CSS滤镜写法,之前一直在用gif图片或者用和背景色相同的jpg图片回避IE6不支持PNG图片背景色透明的BUG，不过在做大菠萝3（DiabloIII）主题时不愿放弃自己一个比较酷的Idea，所以我还是决定要解决这个BUG。网上关于解决IE6这个BUG的方法很多，有用JS的，也有用IE6的CSS滤镜的。稍微看了..
Jul
2009
31
13:36
IE6IE7FFCSSHACK,nbsp;区别IE6与FF：nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;background:orange;*background:blue;区别IE6与IE7：nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;background:green!important;background:blue;区别IE7与FF：nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;background:orange;*background:gre
Jul
2009
31
13:36
CSS中有序列表的一些特殊代码形式,以前我们面对这些有着顺序或是有数字注明排序的内容时大多是在数据前自行加上一个数值，或是由程序加上这个数值。而如果使用有序列表则不需要这么麻烦，根本不用自行去填写序数，当单层列表的时候这种特性似乎并不明显，而当使用多层的时候其特性就很明显了。那么还是先..
Jul
2009
31
13:36
动易模板常用CSS修改实际操作技巧,1.--栏目文章列表内容间隔颜色的定义--方法一（雅虎提供）：如果是默认的，即不需要改函数式标签GetArticleList中的参数，可以用CSS来定义（在后台风格中修改）：.listbg/*--栏目文章列表内容间隔颜色的定义1--*/{background:#ffffff;border-bottom:1pxdashed#cccccc;}..
Jul
2009
31
13:36
CSS三栏布局中最先显示中栏的方法,nbsp;nbsp;nbsp;浏览器显示页面是一行一行的按顺序执行代码，也就是说写在前面的先执行显示，而对于左中右3栏布局的设计，代码要么是从左--gt;中--gt;右来书写，要么就是到过来从右--gt;中--gt;左来书写，要做到要求的效果，那首先要书写的是中栏的代码。nbsp;nbsp;nbs..
Jul
2009
31
13:36
CSS网页布局开发小技巧24则,在CSS网页布局开发中，会有很多小技巧，新手朋友往往对此很不熟悉。在某一两个小问题上，或许纠缠很长时间才能搞明白，虽然在的文档中，多次提及过这方面的内容，但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧，认真读一读，或许您并不能完全理解，您可以..
Jul
2009
31
13:36
CSS布局:让页脚始终保持底部的方法,有时候，我们用CSS创建一个高度自适应布局，如何保证页脚（footer）在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事。我看过一些利用绝对定位的例子，但总感觉不是那么完美，经过一下午的研究总结出一个利用负值外补丁的方法来实现这个效果的方法，兼..
Jul
2009
31
13:36
鼠标经过背景变色之CSS+DIV方法,nbsp;nbsp;nbsp;实现鼠标经过背景变色的方法有很多，今天我们介绍的是用CSS+DIV实现的方法。nbsp;nbsp;nbsp;方法一#div:hover{background:#000000;}nbsp;nbsp;nbsp;解释:鼠标经过id为div的元素时背景变色nbsp;nbsp;nbsp;IE6.0、Firefox2.0、Opera9.23都不行nbsp;nbsp;n..
Jul
2009
31
13:36
CSS中最小高度min-height的妙用,最小高度可以设定一个BOX的最小高度，当其内容较少时时，也能保持BOX的高度为一定，超出就自动向下延伸，但到目前为止，只有Opera和Mozilla支持，IE7开始也支持了，但IE7处于测试阶段，等正式版发布到普及需一段也许比较长的时间，除非MS把它捆绑在某个操作系统上，如何..
Jul
2009
31
13:36
跟初学者分享：学习css需要什么软件,我想把本篇作为css基础教程的序曲，从今天开始翻译和整理我从设计网页以来所学到的css基础知识。本教程会分成N个部分，单独发表，其间可能会插入几篇与教程无关的文章。没有具体的教程发表进度,推荐关注本教程的朋友订阅本站Feed。教程内容的30%-50%为Jorux原创，其余翻..
Jul
2009
31
13:36
提高CSS的网页渲染效率,CSS学习越深入，我们需要关注的细节之处就越多，今天我们通过11个注意点来提高CSS的网页渲染效率。1、十六进制的颜色值对位数与大小写编写十六进制颜色值时你可能会用小写字母或省略成3位数，关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响，但十六进制的..
Jul
2009
31
13:36
div中的id和class有什么区别,class是设置标签的类id是设置标签的标识class属性用于指定元素属于何种样式的类。如样式表可以加入.baobao{color:lime;background:#ff80c0}使用方法：class=baobaoid属性用于定义一个元素的独特的样式。如一个CSS规则#binbin{font-size:larger}使用方法：id=binbinid是..
Jul
2009
31
13:36
点击按钮来改变该页面调用的css文件,lt;htmlgt;lt;headgt;nbsp;nbsp;lt;linkid=csssrel=stylesheettype=text/csshref=a.cssgt;lt;/headgt;lt;bodygt;nbsp;nbsp;lt;inputtype=buttonvalue=a.cssonclick=document.all.csss.href='a.css'gt;lt;brgt;nbsp;nbsp;lt;inputtype=buttonvalue=b.
Jul
2009
31
13:36
CSS另类技巧：古典竖排文字代码,当前古典竖排文字大行其道，广受欢迎，其实实现这一效果非常简单，我们使用CSS就能实现。lt;DIVstyle=WRITING-MODE:tb-rl;TEXT-ALIGN:leftgt;lt;DIVstyle=LINE-HEIGHT:1.5em;LETTER-SPACING:0.2em;gt;学而时习之,不亦说乎?有朋自远方来,不亦乐乎?人不知,而不愠,不亦君子..
Jul
2009
31
13:36
创建性感CSS样式表的十个技巧,如果你想成为一位CSS专家的话，光背出一堆选择器是不够的，还要能够提高CSS样式表的可读性，开发效率以及维护性。这里，JinaBolton将给我们分享一下她关于如何创建性感的CSS样式表的十个技巧。本文主要内容为：CSS代码编码规范，教你如何写出整洁漂亮性感的css代码，如..
Jul
2009
31
13:36
CSS+DIV标签命名规范,搜索引擎优化seo有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面是目前流行的CSS+DIV的命名规则：登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMenu搜索:search滚动:scroll页面主体:ma..
Jul
2009
31
13:36
利用CSS层叠cascade处理样式冲突,即使在不太复杂的样式表中，也可能会有两个或者更多个规则找到同一元素。CSS通过一个叫做层叠（cascade）的过程处理这种冲突。层叠给每个规则分配一个重要程度指数。作者定义的样式具有最高的重要性指数，其次是用户定义的样式。但是为了增强用户的控制能力，用户可以通..
Jul
2009
31
13:36
div+css布局漫谈,1.CSS布局常用的方法：float:none|left|right取值：none:?默认值。对象不飘浮left:?文本流向对象的右边right:?文本流向对象的左边它是怎样工作的，看个一行两列的例子xhtml:lt;divid=warpgt;nbsp;lt;divid=column1gt;这里是第一列lt;/divgt;nbsp;lt;divid=column2gt..
Jul
2009
31
13:36
垂直三栏布局拥有相同高度的方法,作者:AlanPearce原文:Multi-ColumnLayoutsClimbOutoftheBox地址:http://alistapart.com/articlemulticolumnlayouts我们都了解拥有相同高度的布局是很麻烦的事，有很多相关资料提到过相关设计方法，所以在这我就不多做解释了。最近在研究一个两个栏目的动态布局，每个栏..
Jul
2009
31
13:36
CSS设计网页时的一些常用规范,CSS命名规范一．文件命名规范全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css；二．常用类/ID命名规范页眉：header内容：content容器：container页脚：footer版权：copyright导航：menu主导航：mainMenu子导..
Jul
2009
31
13:36
CSS初学者常犯错误汇总,前面文章介绍了给CSS初学者收集的技巧，这篇汇总下CSS初学者容易犯的错误。推荐阅读本站的XHTML教程专题内容。在编写CSS样式时，常常会出现一些问题，有些问题可以很快得已解决，而有些问题可能会浪费我们很多的精力和时间。特别是新手朋友，对各方面的知识不是非常了解..
Jul
2009
31
13:36
CSS教程：简单理解em,px比em更加容易使用,em指字体高，任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合:1em=16px，所以10px=0.625em。为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为16px*62.5%=10px,这样12px=1.2em,10px=1em,也就是..
Jul
2009
31
13:36
CSS教程：简化CSS中属性的示例,在工作中编写CSS代码时，经常会出现冗余的代码，特别是用“可见即可得”工具来编写，为了提高代码的质量及文件压缩到最小，使代码具有可读性，我们不得不把CSS代码简化。下面用一些比较常用的属性来做示例：marginmargin-top:1px;margin-right:1px;margin-bottom:1px;m..
