Jul
2009
31
13:31
用css让图片自动适应表格大小,divimg{max-width:600px;//IE7、FF等其他非IE浏览器下最大宽度为600px;width:600px;//所有浏览器中图片的大小为600px;width:expressiondocument.body.clientWidthgt;600?600px:auto;//当图片大小大于600px，自动缩小为600px;overflow:hidden;}..
Jul
2009
31
13:31
CSS3教程:box-sizing属性的理解,说到IE的bug，一个臭名昭著的例子是它对于“盒模型”的错误解释：在IE5.x以及Quirks模式的IE6/7中，将border与padding都包含在width之内。这为前端工程师的工作平添了不少麻烦，几户每个需要定义尺寸的box都要思量一下：是否触发了“盒模型bug”？同时，由于另一撮浏览..
Jul
2009
31
13:31
使用css让英文文本自动换行,lt;bodystyle=direction:ltr;leftmargin=2topmargin=0oncontextmenu=returnfalseondragstart=returnfalseonselectstart=returnfalseonselect=document.selection.emptyoncopy=document.selection.emptyonbeforecopy=returnfalseonmouseup=document.selec
Jul
2009
31
13:31
美化你空间的文字：20种CSS字体镜像特效,在网上看到一些文字镜像特效，忽然觉得自己空间的文字过于单调，我倒不急于优化，先整理一些CSS文字镜像特效，因为原来的没有CSS代码，为了方便大家用到自己的空间主页，我将其CSS代码整理出来。现在大家就可以将其添加到自己的CSS中美化空间了。nbsp;nbsp;nbsp;nbsp;效..
Jul
2009
31
13:31
怎样用CSS解决英文单词的自动换行的问题,防止表格/层撑破又防止单词断裂英文单词的自动换行问题可以说折磨过很多人如果一个单词写很长，会把表格给撑破的,而管了的话就会拆开英文单词.防止表格被撑破这个问题曾经有很多人提及的，后来在早期的版本里我也解决过，可是导致了英文词语被拆散换行，所以在做新的模..
Jul
2009
31
13:31
div实现长英文字母自动换行CSS,自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法最佳CSS定义换行代码.wrap{table-layout:fixed;word-break:break-all;overflow:hidden;}这里overflow:hidden;或者auto；================..
Jul
2009
31
13:31
CSS网页制作时实现自动换行的小技巧,CSS网页制作时实现自动换行的小技巧2009年03月06日星期五10:47大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是CSS如何将他们换行的方法！对于div1.（IE浏览器）white-space:normal;word-break:break-all;这里前者是遵循标准。#wrap{whi..
Jul
2009
31
13:31
CSS控制文本自动换行,1.你定死表格的宽度，即给表格一个宽度值（是数值，不是百分比）nbsp;nbsp;2.强制不换行div{//white-space：不换行;normal默认;nowrap强制在同一行内显示所有文本，直到文本结束或者遭遇br对象white-space:nowrap;}自动换行div{word-wrap:break-word;//word-break设置强..
Jul
2009
31
13:31
CSS实现自动换行的小技巧,大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是CSS如何将他们换行的方法！对于div1.（IE浏览器）white-space:normal;word-break:break-all;这里前者是遵循标准。#wrap{white-space:normal;width:200px;}或者#wrap{word-break:break-al..
Jul
2009
31
13:31
CSS自动换行,white-space:nowrap;overflow:hidden;word-break:break-all;..
Jul
2009
31
13:31
如何用css定义表格自动换行，避免撑开,今天早上一样开例会,指出了我一个页面的错误,层被撑开了当时还比较郁闷,因为我是用中文测试的,没有问题他们让我改英文,完蛋了,面目全非,我哑口无言改吧,没办法啊,技术不到家啊~555~~以上纯属发牢骚,大家可以省过,找来的解决方案,记录一下,方便以后查找================..
Jul
2009
31
13:31
兼容IE6/IE7/IE8/FireFox的CSShack,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;char
Jul
2009
31
13:31
修改CSS-改变友链页面图标,友情链接页面,默认的图标是类似回形针的,这里简称回形针.上一个文章说到,怎么修改page的link输出,搞定了之后,就是看到回形针有点不爽.所以想修改一个图标,经过WP论坛的高人指点,在CSS,于是我打开了style.css来看.搜索一下link,很快的找到以下代码:123456.post.content...
Jul
2009
31
13:31
CSS样式如何实现Logo立体盒子效果,nbsp;nbsp;让我们看一下该如何实现立体盒子的效果吧，然后，我们将会给大家展示一些很好的例子。nbsp;nbsp;nbsp;准备先准备好你的页面和图片，我们使用这张图片：nbsp;nbsp;nbsp;我们简单的将HTML写成这样:lt;divid=containergt;nbsp;lt;imgid=logosrc=logo.pngalt=Lee..
Jul
2009
31
13:31
简述CSS网页布局中外边距叠加问题,在进行CSS网页布局时会遇到许多奇怪的问题，这些问题可能是浏览器的bug，也可能是对CSS属性不够了解所造成。本文就探讨一下CSS外边距叠加的问题。边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中..
Jul
2009
31
13:31
DIV+CSS常用的Html网页布局代码,单行一列以下是引用片段：body{margin:0px;padding:0px;text-align:center;}nbsp;#content{margin-left:auto;margin-right:auto;width:400px;width:370px;}两行一列以下是引用片段：body{margin:0px;padding:0px;text-align:center;}nbsp;#content-top{margin-left:aut..
Jul
2009
31
13:31
CSS让网页文字自动隐藏,文字隐藏应用广泛，但常用的方法没有什么亲和力。常用文字隐藏方法的缺陷：1、display:none这种方法搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略；屏幕阅读器会忽略被隐藏的文字。2、visibility:hidden这种方法隐藏了文字却仍然占据物理空间。更好的方法：overfl..
Jul
2009
31
13:31
Div+CSS教程：实现div容器水平居中的方法小结,在Web标准中的页面布局是使用Div配合CSS来实现的。这其中最常用到的就是使整个页面水平居中的效果，这是在页面布局中基本，也是最应该首先掌握的知识。不过，还是经常会有人问到这个问题，在这里我简单总结一下使用Div和CSS实现页面水平居中的方法：一、margin:auto0与..
Jul
2009
31
13:31
css兼容调试常见情况及相应方法,一、CSSHACK以下两种方法几乎能解决现今所有HACK.1,!important随着IE7对!important的支持,!important方法现在只针对IE6的HACK.注意写法.记得该声明位置需要提前.lt;stylegt;#wrapper{width:100px!important;width:80px;}lt;/stylegt;2,IE6/IE77对FireFox*+html与*html是..
Jul
2009
31
13:30
模块化CSS|更有效地管理CSS,为了更有效地管理CSS，下面是Sofish讲解了“模块化CSS”的概念与观点，希望这些对你有所帮助。在刚学习CSS初期，就接触了”模块化CSS”这样的概念，不过，一直没有很好的理解。说起来，理由很简单：因为几乎所有的代码都是为了博客的设计，而像博客这么小的架构，CSS文..
Jul
2009
31
13:30
html/css教程：背景图片的定位问题详解,我们在研究其他的网站的样式的时候经常会发现一种情况，就是在很多background属性里都调用同一张图片，来满足网页各个部分的使用。打开这种图片看一下，会发现这张图片上包含了很多小图片，比如：又如：这些小图片就是整图分割后的各个部分，把各个部分放在一张图片上，..
Jul
2009
31
13:30
CSS常见的让元素水平居中显示方法,用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。1.使用自动外边距实现居中CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left..
Jul
2009
31
13:30
CSS分栏布局的方法:绝对定位和浮动,在CSS中，实现分栏布局有两种方法。第一种方法是使用四种CSS定位选项（absolute、static、relative和fixed）中的绝对定位（absolutepositioning），它可以将文档中的某个元素从其原本位置上移除，并重新定位在期望的任何地点之上。第二种则是使用CSS中的浮动（float）概..
Jul
2009
31
13:30
详解CSS优先级规则的级别与细节,详解CSS优先级的读法，CSS优先级包含四个级别（文内选择符，ID选择符，Class选择符，元素选择符）以及各级别出现的次数。根据这四个级别出现的次数计算得到CSS的优先级。对优先级的读法，应该是以“组”来分，这个组之间相互独立，从左到右进行对比。它们成组出现，以逗..
Jul
2009
31
13:30
学习CSS网页布局时排查错误的方法,虽然浏览器可能存在着很多Bug，但是并不是与自己感觉不一样的时候就是出现了Bug。产生问题的原因可能有很多种，因此制作者需要一定的方法来排查问题。选择一个先进的浏览器进行测试是明智的做法，例如对CSS2.1支持比较好的Opera9.2、Firefox2.0或者Safari3.0，而不要使..
Jul
2009
31
13:30
CSS中元素水平居中显示的方法,用CSS让元素居中显示并不是件很简单的事情。同样的CSS居中设置在不同浏览器中的表现也各有千秋。本文就介绍了在CSS中常见的几种让元素水平居中显示的方法。1.使用自动外边距实现居中CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和margin-r..
Jul
2009
31
13:30
CSS技巧:改变选择网页文字的背景色,最近在访问一个网站的时候，我注意到，当其文字被选中时它有一个匹配他的网站的背景色，这个背景色通常是深蓝色。现在，如果您的网站不使用任何蓝色为文字背景，看上去会不会有点不合适？当寻找如何实现这一点的解决办法后，我感到惊喜，这竟然非常容易。只需添加以下的..
Jul
2009
31
13:30
img图片下多余空白的BUG解决方案,nbsp;nbsp;nbsp;在进行页面的DIV+CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙..
Jul
2009
31
13:30
CSS控制H1不换行,nbsp;nbsp;nbsp;虽然昨天感冒难受了一天，但今天好多了。早晨一睁眼，感觉身体非常非常轻松，真是舒畅。身体好了，经神也就好了，做什么也有劲头了。nbsp;nbsp;nbsp;上午联系RYSoft和武邑Fm的erp事，前思后想如何才能更稳妥，更双赢。在网页优化中，经常要使用H1标签对..
Jul
2009
31
13:30
字数输入限制百分比显示CSS+JS,lt;styletype=text/cssgt;.progress{nbsp;width:1px;nbsp;height:14px;nbsp;color:white;nbsp;font-size:12px;nbsp;overflow:hidden;nbsp;background-color:navy;nbsp;padding-left:5px;}lt;/stylegt;lt;scripttype=text/JavaScriptgt;functiontextCo
