自定义CSDN博客CSS样式
可以在博客的配置页面的自定义css栏中填入css样式代码来自定也blog的风格
csdn blog的页面架构基本是由div实现的，整个页面主要由三个div组成，它们的id分别是:
csdnblog_header,
csdnblog_sidebar, csdnblog_content。
所以，定义它们的主体样式可以这样:
#csdnblog_header
{
//头部的风格
}
#csdnblog_sidebar
{
//侧边栏的风格
}
#csdnblog_content
{
//主体内容的风格
}
这三个div又被两个div包裹起来了，它们的id分别是csdnblog_allwrap,
csdnblog_midwrap
这两个还可以定义整个页面的整体样式
#csdnblog_allwrap
{
//你想要的风格
}
#csdnblog_midwrap
{
//你想要的风格
}
页面的头部由以下几部分组成
1、h1，显示blog的用户自定义标题
#csdnblog_header h1
{
//标题风格设置
}
2、h2，显示用户自定义的blog描述
#csdnblog_header h2
{
//blog描述风格设置
}
3、ul, id为personalnav, 个人导航列表
#csdnblog_header
ul#personalnav
{
//blog个人导航栏风格设置
}
4、ul，id为
blogsearchsty，搜索栏
#csdnblog_header ul#blogsearchsty
{
//blog搜索框风格设置
//如果不想显示，可以使用:
//display:none
}
5、
ul，id为menu，菜单栏
#csdnblog_header ul#menu
{
//blog菜单风格设置
//如果不想显示，可以使用:
//display:none
}
自定义侧边栏的CSS
侧边栏主div的id为csdnblog_sidebar,中间被一层class为gutter的div包裹，最里面
一层div的的class为aboutauthor。里面剩下的就是一个个的dl了
修改起风格可以这样：
#csdnblog_sidebar
div.gutter div.aboutauthor
{
}
更进一步的话，可以：
#csdnblog_sidebar
div.gutter div.aboutauthor dl
{
}
#csdnblog_sidebar div.gutter
div.aboutauthor dl dt
{
}
#csdnblog_sidebar div.gutter
div.aboutauthor dl dd
{
}
自定义文章的CSS
每一篇文章都是一个div，其class为default_contents, 这个div包含两个子元素
1、
h6， class为pubtime， 用来显示文章发表的时间。
修改其css的方法为
.defau
相关文档：
The Lovely CSS Framework is a simple and straight forward way to easily
deploy an XHTML/CSS site.
Based on a simple 960px wide grid system, featuring multiple column layouts,
and various pluggable add-ons.
这个由 Constantinos Demetriadis 创建的项目是一个 CSS 框架，基于 960.gs，还拥有一个插件 ......
作者：IIduce 来源：css9 时间：2009-12-21 阅读：601 次 原文链接 [收藏]
最近产品中需要加入“一个列表显示样式快速切换”的功能，正好在这篇文章中看到了它的实现方式，感觉很不错。
这篇文章讲述的是如何通过CSS和JQuery来实现� ......
<style type="text/css">
.worksbox{width:114px;height:114px;position:relative;}
.worksbox a{border:1px solid #F0F0E8;background-color:#FFF;padding:6px;display:block;}
.worksbox a:hover{border:1px solid #000;background-color:#333;text-decoration: none;}
.worksbox a span{display:none; text-al ......
盒子标签和属性对照
CSS语法（不区分大小写）
JavaScript语法（区分大小写）
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......
盒子标签和属性对照
CSS语法（不区分大小写）
JavaScript语法（区分大小写）
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......
