刚进博客园，以下是Imdazhu博客页面的样式修改：
1 body{font-family: '微软雅黑',Verdana, Arial, Helvetica, sans-serif;}
2 #home{margin:0 auto;width:1000px;}
3 #mainContent{float:left;}
4 #sideBar{float:right;border-left: 1px solid #888;}
5 a#Header1_HeaderTitle:hover{color:#000;text-decoration:none;}
6 #blogTitle h2{margin-left: 10.9em; font-size: 16px;color: #555;}
7 #blogTitle{height:88px}
8 #blogTitle h1{font-size: 28px;margin-left: 0.3em;}
9 #navList a{height: 30px;line-height: 30px;padding-top: 0;width: 5.8em;font-size:13px;}
10 #navList a:hover{background-color: #333;}
11 #navList li:first-child{float: right;}
12 #profile_block{padding: 0 6px;margin-top: 0;}
13 .mySearch input[type='button']{background:#000;color:#fff;border:none;width: 60px;height: 22px;cursor: pointer;}
14 .mySearch input[type='text']{height: 20px;width: 150px;border: 1px solid #666666;}
15 .catListTitle{text-align:left;padding-left: 2px;}接下来是jQuery代码：
1 <script type="text/javascript">
2 $(document).ready(function(){
3 $("#navList a").attr('target','_blank');
4 $("#navList a:eq(1)").attr('target','_self');
5 });
6 </script>
博客页面的CSS和JS修改
TAG:css jquery
