自定义CSDN Blog的CSS样式
原文传送门：http://blog.csdn.net/dux003/archive/2009/11/08/4786371.aspx
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为p
相关文档：
firefox等可以使用
var dom=document.getElementById("name");
dom.setAttribute("style","width:10px;height:10px;border:solid 1px red;") ;
IE中则必须使用style.cssText
var dom=document.getElementById("name");
dom1.style.cssText = "width:10px;height:10px;border:solid&n ......
#dh
{
width:1003px;
height:36px;
background-image:url(images/mmain_03.gif)
}
#dh li
{
height:30px;
width:110px;
float:left;
list-style:none;
text-align:center;
margin:7px;
padding:5px;
}
#dh li a:link
{
font-size:16 ......
1. CSS的要点是在你的页面中使用简洁的HTML代码,然后编写CSS"控制规则"来样式化页面中的对象.页面保持清晰有条不紊看上去非常棒.这样你的Html页面可以在移动设备和标准浏览器中运行.这就是CSS的要点.
不过CSS的艺术在于能够利用CSS控制规则快速有效地操纵页面对象.把CSS规则与HTML标记匹配起来的操做就好像是一种� ......
屏蔽IE浏览器（也就是IE下不显示）
*:lang(zh) select {font:12px !important;} /*FF,OP可见，特别提醒：由于Opera最近的升级，目前此句只为FF所识别*/
select:empty {font:12px !important;} /*safari可见*/
这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。仅IE7与IE5.0 ......
1.一行三列
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head><title>css布局：一行三列</title>
<link rel="stylesheet" href ......
