用JS来切换CSS，很好很简单
假如我们想通过前台自主选择CSS样式来达到改变颜色、风格等目的的话，用JS调用CSS文件就OK。
先做两个（或多个）CSS文件。
style_1.css 代码：
body{background-color: #ccff66;}
......
style_2.css 代码：
body{background-color: #ff0000;}
......
JS代码如下：
<link rel="stylesheet" rev="stylesheet" id="style" type="text/css" media="all" />
<script>
function change_skin(obj){
if(obj.length<1){
return;
}else{
document.getElementById("style").href=obj;
}
}
</script>
<body>
<select onchange="change_skin(this.value)" id="skinStyle">
<option value="">改变风格</option>
<option value="style_1.css">风格 1</option>
<option value="style_2.css">风格 2</option>
</select>
</body>
相关文档：
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="LeftMenu.ascx.cs" Inherits="LeftMenu" %>
<mce:style type="text/css"><!--
body {
margin: 0;
padding: 30px;
background: #FFF;
color: #666;
}
h1 {
font: bold 16px Arial, Helvetica, sans-serif;
}
p {
font: 11px Arial, ......
今天遇到要做CSS实现菜单圆角背景的效果, 所以在网上搜了一下，发现此方法最简单可行~~特记录下来供大家一起使用~~~
.nav ul li a{float:left; display:block; padding: 0 10px;
} /*注意padding*/
.nav ul li a:hover{padding:0 0 0 10px;
display:block; background:url(images/tableft1.jpg) left top no-repeat # ......
关于CSS对各个浏览器兼容已经是老生常谈的问题了，.以下内容没有太多新颖, 纯属个人综合网上的文章所得, 有些重复的，懒的删了
一、CSS HACK
HACK概念：
不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到 ......
很多站长都抱怨CSS对浏览器的兼容性有时让人很头疼,尤其是对于IE6这个问题多多的浏览器版本。或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加DOCTYPE声明. &nb ......
提供一种用CSS代码实现自动截取字符串的方法：
CSS代码如下：
<style>
body{
background-color:#f4f4f4;
font-size:12px;
}
div.test{
width:200px;
height:100px;
border:1px solid red;
border-top:4px solid red;
padding:10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
......
