自定义CSDN博客CSS样式
【作者：rare】
csdn blog 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的方法为
.de
相关文档：
CSS滤镜的使用方法：filter:filtername(parameters) 即 filter:滤镜名称（参数）
alpha：设置透明层次
blur：创建高速度移动效果，即模糊效果
chroma：制作专用颜色透明
DropShadow：创建对象的固定影子
FlipH：创建水平镜像图片
FlipV：创建垂直镜像图片
glow：加光辉在附近对象的边外
gray：把图片灰度化
inver ......
使用wap css可以把内容和表示分离，好处：
1.使用wcss使内容和样式分离，可以为不同手机，设计几个版本wap css style sheet 和指定不同屏
幕大小。内容却不需要修改。
2.为不同设备，如PC,PDA,MOBILE PHONE，准备不同样式表，内容不需要改变。
3.减少维护一个wap站点，当有新的电话，只需要增加新的样式表，内容不需� ......
Alert{
backgroundColor: #2791DB;
headerColors:#2791DB,#2791DB;
borderThicknessLeft:0;
borderThicknessRight:0;
borderThicknessTop:0;
font-size:14;
buttonStyleName: myCustomButtonStyleName;
}
.myCus ......
css实现背景拉伸 制作页面时，有时需要在表格内插入背景图,我们可以使用CSS进行控制，代码：
style="background-image:url(./images/counter_bg.jpg);background-repeat: no-repeat;background-position: right bottom;"
其中，./images/counter_bg.jpg为显示图片路径。 ......
css+div和table+css的比较
CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。
CSS＋DIV网站设计的优势
首先，CSS的 ......
