Jquery input控件的CSS控制
<html>
<head>
<meta http-equiv="Content-Language" content="en" />
<meta name="GENERATOR" content="Zend Studio" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery test</title>
</head>
<style>
.lastp{border:2px solid $red;}
.firstp{color:red;}
.hignlight{background:gray;}
.dd{width:20px;height:20px;border:2px solid}
</style>
note： jequery api 函数区分大小写
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("div.d1").fadeOut("slow");
$("p").filter(".ppp");
$("img.img1").attr(//为之指定元素（组）添加指定属性(名值对方式)
{src:"http://docs.jquery.com/images/hat.gif",title:"http://docs.jquery.com/images/hat.gif",
alt:"jquery logo"}
)
var alt = $("img").attr("alt");//获取指定元素(组)第一个元素的alt属性值
// alert(alt);
$("img").attr('src','http://www.sinaimg.cn/home/07index/sinahome_ws_009.gif');//为之指定元素（组）添加指定属性(名值对方式)
$("img").attr("title",function(){//指定元素的属性值用一个函数返回的结果代替
return this.src;
})
$("img").removeAttr("title");//移除指定元素属性值
$("p:last").addClass("lastp");//addclss 为指定元素添加class p：last 为最后一个p元素
$("p:first").addClass('firstp');
$("p:last").removeClass();//移除指定元素class
$("p").toggleClass("highlight");//为指定元素
$("p").toggle(function(){//toggle() 为指定元素按click轮换执行两个函数
$(this).addClass("hignlight");
},function(){
$(this).removeClass('hignlight')
})
$("p").click(function(){//html()为指定元素追加内容
var html = $("p").text();
$("p").html(html);
})
// $("div").eq(1).addClass("hignlight");//div 按索引添加类
// $("div").text($("img").attr("title"));//为指定元素标签设置内容text（）用法
var text = $("div").text();//获取所有div标签元素内容
var text = $("div.d1").text();//获取指定class为d1的div标签元素内容
//
// $("p > a").hide();//�
相关文档：
css布局的时候多多注意一下，相信很快就可以掌握了css布局的技巧！
一、IE边框若显若无，须注意，定是高度设置已忘记；
二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；
三、三像素文本慢移不必慌，高度设置帮你忙；
四、兼容各个浏览须注意，默认设置行高可能是杀手；
五、独立清除浮动须铭记 ......
2009年2月24日
，Safari 4.0
beta版正式发布，Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CSS3)。不过为了方便大家的工作，下面提供了最新版
本的CSS选择器浏览器支持情况，其中包括最新的CSS3和Safari 4.0 Beta的支持情况。感谢Estelle Weyl
的总结。
2009年6月30日
，FireFox 3.5发布，类似Safar ......
jsp页面调用 <link type="text/css" rel="stylesheet" href="css/style.css"/>样式表
其他样式都可以再页面正常显示
.button-qingchu{background:url(images/qingchu.jpg); width:70px; height:30px; border:0px;} 像这样的背景图片样式就显示不出图片是什么问题！ Myeclipse 6.5
在html中都可以显示 在jsp中显示 ......
When you meet trouble with css style in IE7, try this. You can set different css for IE7 and the other browsers.
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="/home_c_ie7.css" mce_href="home_c_ie7.css" />
<![endif]-->
......
１，无图片纯css圆角框
收录理由：兼容性强，不用图形
图一
特点：
1.不用任何图形，使用很多个div容器模拟出圆角效果。
2.兼容性：通杀所有浏览器
缺点：
1.构造这个圆角需要加入太多的无语义的标签，结构比较冗余。
2.重用性不强：如果一个页面有多个圆角，并且要实现不同的半径大小，则其灵活性不够。
3.边框颜 ......
