CSS控制强制不换行/强制换行
CSS控制强制换行/强制换行
强制不换行
div{
white-space:nowrap;
}
自动换行
div{
word-wrap: break-word;
word-break: normal;
}
强制英文单词断行
div{
word-break:break-all;
}
IE6下定义height导致间距的一个问题，发出来体验一下
IE6下的一个问题，体验一下，请注意了，在样式“.text”里面有个“height:36px;”，定义后，会导致两个容器存在差异，如果不定义，则正常，以下是代码部分，可以运行，在IE6下面试试看效果吧，注意背景色彩之间的距离。这是一个细节问题，发出来，分享一下。
提示：你可以先修改部分代码再运行。
CSS背景颜色渐变效果
CSS背景颜色渐变效果，是通过IE特有的滤镜来实现的，很多时候都有着非常重要的作用，但是火狐不能支持。
如：style=”filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr=’#FFFFFF’, endColorStr=’#3568CC’, gradientType=’0′)”
startColorStr 开始颜色
endColorStr 结束颜色
gradientType 渐变的方式：0-从上到下，1-从左到右
示例：
提示：你可以先修改部分代码再运行。
z-index使用说明及示例
z-index是设置对象的层叠顺序的样式。该样式只对position属性为relative或absolute的对象有效。这里的层叠顺序也可以说是对象的“上下顺序”。
z-index在层叠的时候，很重要，特别是层的优先级的时候，只要用z-index定一个值，就可以根据你自己想要的顺序来显示效果。
语法：z-index : auto | number
auto : 默认值。可以不写。
number : 无单位的整数值。可为负数,当值为负数时，被指定元素将位于其父元素之下。数值越大，越靠前，反之亦然。
一个小例子：
提示：你可以先修改部分代码再运行。
FF浏览shtml文件是源代码解决办法
下面介绍一下在各操作系统下或者说个版本IIS和Apache下配置shtml的方法：
1、在IIS5下配置shtml
IIS5一般存在于Windows 2000操作系统中，方法就是添加一个“应用程序扩展名映射”。
用程序“C:\WINDOWS\system32\inetsrv\ssinc.dll”来对应扩展名“shtml/shtm”就可以了。
2、在IIS6下配置shtml
IIS6一般存在于Windows 2003操作系统中，其实在IIS6已经默认支持shtml扩展名了。在 开始 -> 管理工具 -> Internet信息服务管理器 -> WEB服务扩展 -> 选择“在服务器端的包含文件” -> 设置为“允许”，然后打开“本地计算机”的属性 -> MIME类型 -> 新建后缀名：.shtml和.shtm、MIME类型：text/html就可以了。
3、在Apache下配置shtml
用文本编辑器打开httpd.conf文件
去掉
#AddType text/html .shtml
#AddOutputFilter INCLUDES .shtml
前面的注释#号
在Apache 2.0.6版本之前，添加
AddOutputFilter INCLUDES .shtml
在Apache 2.0.6版本之后
修改Options Indexes FollowSymLinks为
Options Indexes FollowSymLinks Includes
一般来说，FireFox下浏览shtml文件是源代码是因为“AddType text/html”配置的错误，只要按照上面的各种方法进行配置，就不会出现以上的问题了！
谈谈用CSS来定义IE6、IE7、FF几种浏览器的垂直居中
用CSS来定义剧中，只要定义line-height的高度和实际高度相等，就可以实现居中了，如：
h1{height:21px; line-height:21px;} 把height和line-height定义一样的高度就可以了。
通常这样在火狐和IE就可以实现垂直居中了，但通常，底部比上面要多出2-3个PX
看看下面的效果，用不同浏览器打开试试看。
提示：你可以先修改部分代码再运行。
为什么定义链接的CSS样式，但是没有效果
我们用DIV+CSS设计时，可能偶尔会碰到这种情况，在定义了样式的链接样式后，其样式作用于页面时候，链接的样式缺始终不是预期的效果，经过仔细排查后，结果发现了上级的ID定义链接属性后，CLASS的链接样式无法启到作用。这涉及到一个优先级的问题。
示例：
提示：你可以先修改部分代码再运行。
如果你碰到类似问题，请查看是否ID和CLASS是否重复定义了链接属性。
使用编辑器时，字体选择过大，导致字体重叠的解决办法
网站页面设计时，会碰到使用编辑器时，字体选择过大，导致字体重叠，这里提供一个简单的解决办法。
在样式表里面定义一下font的样式
font{line-height:150%;}
这样不管字体多大，行高为字体高度的150%了。就不会再出现字体重叠了。
用letter-spacing调整页面的字符间距
设计页面的时候，有时候调整下字符之间的距离，也可以让页面更加美观点。介绍一个用CSS来设置字符间距的方法：letter-spacing
例子：
提示：你可以先修改部分代码再运行。
给input的submit属性加上漂亮的背景图片
在做按钮的时候，怎么给按钮加上漂亮的背景图片呢，这里提供一种解决方法。
首先我们定义一个样式吧。
<code>
.bottom{border:none;background:url(../images/bottom.jpg) left top no-repeat;width:80px; height:24px; color:#fff; font-size:12px; display:block; line-height:24px;}
</code>
然后在写input的时候调用下样式就可以了，如：
<code>
<input type=”submit” class=”bottom”>
</code>
就可以了
