百度空间CSS完整教程

过来坐坐吧，里面的东东那是相当得多

站在用户的角度思考问题，与客户深入沟通，找到赣县网站设计与赣县网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站制作、成都网站建设、外贸营销网站建设、企业官网、英文网站、手机端网站、网站推广、空间域名、网站空间、企业邮箱。业务覆盖赣县地区。

壹 .CSS语法有关：

一 53个CSS-不可或缺的技巧

二 CSS的十八般技巧(提高版)

三 玩转CSS CSS精彩实例教程

四 CSS代码图解(转)

五 CSS语法手册

六 基本颜色代码+

七 CSS基本语法总整理

八 百度空间模块css代码

九 百度空间 CSS更全面解释 以及 参数属性

十 CSS在线编辑器

贰，CSS技巧

一 Iframe 用法的详细讲解- -

二 无缝调用不同模板CSS的办法：

下载百度默认模板

三 如何让百度空间上出现日历和时钟

四 QQ空间跳转百度空间

五 “自定义模块”代码详解

六 让空间拥有精美flash背景！

七 让自己的空间下雨

八 宣传百度空间的6种方法,你知道吗?(

九 空间个人档案的有关设置 ：

个人档案添加图片

十 隐藏你不想显示的模块

十一 给自己的主页加上漂亮的计数器

十二 添加小图标，以及小图片：

1文章日期旁加小图案，

2标题栏主体加小图案，

3如何在文章标题前加图片

十三 如何增加一个象spaces一样的弹出窗口

十四 超链接的有关设置：

1 给超链接添加按钮效果，

2禁止选择/*鼠标触碰 按钮下陷，

3给链接添加背景色效果代码

十五 友情连接的应用：

1连接邮箱；

2链接QQ；

3添加“加为好友”的链接：

十六 空间文章板块的有关设置：

1 定义阅读文章时 文章块宽度 距左长度，

2文章列表板块文章区边框的设置，

3日志背景，

4空间个性图片效果，

5图片添加灰色边框效，

6文章区的文字与边框之间的距离调整，

7去掉文章题目下划线

8文章中插入多媒体（视频）

十七 空间 模板 以及 图片 的有关设置：

1/*背景设置*/

2/半透明设置*/

3/*常用插入时间图片位置的代码*/

4/*留言板添加图片*/

5/*前景图片透明设置*/

6各部分背景设置

7评论下增加背景图

8如何固定空间背景

9.如何在所有页面底部加入图片

10/*最顶部加字方法!*/

11/*空间整体宽度*/

12/*版块长度及间距*/

13/*去除模块背景即完全背景透明*/

14/*改变你的按钮和输入栏的颜色及字体*/

15/*更多文章居右*/

16*添加天气预报*/

17/*隐藏“查看该用户在百度的”分类*/

18/*添加LOGO*/

19背景色的半透明设置

20设置透明背景图

21主页的个人档案,档册,其它显示透明

22：自定义背景

23让你的百度空间里每一个连接都新窗口中打开

24：屏蔽屏蔽空间任何一个版块

25头部时间显示特效”：

26改变百度空间的模块宽度

27如何改变空间名称的效果

28如何在百度空间上显示天气预报、系统信息、日历、问候、签名。

29专栏分割线的CSS代码修改方法

十八 空间TAB菜单的有关设置：

1如何为TAB菜单加上花边

2如何改变TAB菜单栏的位置及颜色

3/*调整TAB距离*/

4如何在个人控制条中间加时钟

5竖状菜单

十九 空间其他版块的有关设置：

1给其它的中间部分加图片

2/*其他模块标题添加图片*/

3教你加显示IP地址代码

4自定义显示IP的项目的颜色

5/*百度空间显示排名*/

6/*其他模块已有XXXX人次访问本空间数字字体设置 */

7在百度空间里面添加自己的特效

二十 空间字体的有关设置：

1百度空间文字发光的方法

2/*阴影效果字体阴影*/

3/*投影的代码*/

4自制闪字空间名称

二十一 空间 背景音乐 播放器 的有关设置：

1如何隐藏播放器而不影响音乐播放

2背景音乐支持多首歌曲

3/*播放器*/

4播放器大小调整

5特色播放器

6玩转百度空间的"背景音乐"板块

7如何在百度空间里添加多首背景音乐（图解）

二十二 背景色的半透明设置

二十三 打造一个自己的百度空间"其他板块"

二十四 做分割线的方法

二十五 在空间里加入滚动条：

1想添加滚动条,只需下面的代码即可

2如何让你的浏览器滚动条变色

3透明个性化滚动条

二十六 教你如何制作个性化的标题栏(转自玩转百度空间)

二十七 跟我一起玩百度空间+CSS教程+

二十八 空间评论区的有关设置

二十九 给空间加点可爱的符号

三十 关于空间制作的链接：

1.让你看懂css各个参数

2.百度空间CSS使用说明

3.怎样编写CSS的!

4.CSS代码解密

5.一个CSS的漏洞

6.增加自定义模块功能

7.更换主体及文章的背景

8.透明flash代码

9.百度空间十大宝藏

10.制作个性化的标题栏

11.看到更多的百度空间

12.百度空间的8个优缺点

13.专栏分割线的代码修改

14.添加自己的LOGO图片

15.宣传百度空间的方法

16.添加多首背景音乐

17.设置透明背景图

18.更改空间的鼠标样式

19.在空间里加入滚动条

20.透明的背景音乐的播放器

21.透明个性化滚动条

22.给链接添加背景色效果代码

23.显示"点击给你发消息"怎么在空间做!

24.去掉文章题目下划线

25.常用插入图片位置的代码

26.如何隐藏播放器而不影响音乐播放

27.如何有字体阴影

28.自制闪字空间名称

29.解决回车换两行的问题

30.调整一下行距

31.让空间拥有精美flash背景

32.让空间自动弹出对话框！

33.修改blog显示的文字颜色大小

34.如何让你的浏览器滚动条变色

35.为评论和链接加上图片

36.如何在"其它"下面加上图片

37.百度空间的名称如何用艺术字？

38.百度空间文字发光的方法

39.文字快速插链接

40.空间模块巧移动

41.个性化你的IP显示，自定义颜色

42.全透明

43.空间背景半透明

44.如何在百度空间的文章标题周围加花边图案？

45.关于百度空间照片大小限制的问题!!!

46.如何在百度空间发表文章时插入FLESH动画？

47.怎样换百度空间的背景

48.做分割线的方法

49.在百度空间里面添加自己的特效

50.在文章中快速插入图片

51.添加计数器的两种方法

52.如何在空间顶部加入图片

53.发表评论框的图片

54.改变空间主页名称和简介的字体大小

55.给超链接添加按钮效果

56.如何给评论框添加背景

57.Iframe 用法的详细讲解

58.背景图片素材01

59.图片素材20060929

60.我的自定义设计

61.CSS鼠标样式大全

62.跟我一起玩百度空间的音乐和视频+

63.为好友列表增加一个滚动条

64.空间模块巧移动 + 文字快速插链接

65.怎么去掉百度空间里模块的框框！

66.基本颜色代码+

67.在你的空间中加入幽默元素..

68.百度空间吧[精品]贴+

三十一 边框风格属性(border-style)

个性化的CSS

这里有

1.让你看懂css各个参数

2.百度空间CSS使用说明

3.怎样编写CSS的!

4.CSS代码解密

5.一个CSS的漏洞

6.增加自定义模块功能

7.更换主体及文章的背景

8.透明flash代码

9.百度空间十大宝藏

10.制作个性化的标题栏

11.看到更多的百度空间

12.百度空间的8个优缺点

13.专栏分割线的代码修改

14.添加自己的LOGO图片

15.宣传百度空间的方法

16.添加多首背景音乐

17.设置透明背景图

18.更改空间的鼠标样式

19.在空间里加入滚动条

20.透明的背景音乐的播放器

21.透明个性化滚动条

22.给链接添加背景色效果代码

23.显示"点击给你发消息"怎么在空间做!

24.去掉文章题目下划线

25.常用插入图片位置的代码

26.如何隐藏播放器而不影响音乐播放

27.如何有字体阴影

28.自制闪字空间名称

29.解决回车换两行的问题

30.调整一下行距

31.让空间拥有精美flash背景

32.让空间自动弹出对话框！

33.修改blog显示的文字颜色大小

34.如何让你的浏览器滚动条变色

35.为评论和链接加上图片

36.如何在"其它"下面加上图片

37.百度空间的名称如何用艺术字？

38.百度空间文字发光的方法

39.文字快速插链接

40.空间模块巧移动

41.个性化你的IP显示，自定义颜色

42.全透明

43.空间背景半透明

44.如何在百度空间的文章标题周围加花边图案？

45.关于百度空间照片大小限制的问题!!!

46.如何在百度空间发表文章时插入FLESH动画？

47.怎样换百度空间的背景

48.做分割线的方法

49.在百度空间里面添加自己的特效

50.在文章中快速插入图片

51.添加计数器的两种方法

52.如何在空间顶部加入图片

53.发表评论框的图片

54.改变空间主页名称和简介的字体大小

55.给超链接添加按钮效果

56.如何给评论框添加背景

57.Iframe 用法的详细讲解

58.背景图片素材01

59.图片素材20060929

60.我的自定义设计

61.CSS鼠标样式大全

62.跟我一起玩百度空间的音乐和视频+

63.为好友列表增加一个滚动条

64.空间模块巧移动 + 文字快速插链接

65.怎么去掉百度空间里模块的框框！

66.基本颜色代码+

67.在你的空间中加入幽默元素..

68.百度空间吧[精品]贴+

69.如何在博客上---中--下加入图片（时钟）

72.教你10个你未必知道的CSS技巧!

73.用CSS进行百度空间样式设计!

74.百度空间自动友情链接

75.一起玩百度空间帮助

76.一起玩百度空间榜单

77.点对点宣传百度空间

78.百度空间常见27+问题

79.怎样让百度、Google搜到你的博客

80.如何加上一个个性时间网页上？

81.教你怎样让背景自动更新,包括头背景

在Dreamweaver中,可以使用哪些类型的CSS样式?

您好，我给你讲一下CSS的类型吧。希望对你有用！ 一般定义CSS有四种设置方式。 1.内联样式表 2.嵌入样式表 3.外部样式表 4.输入样式表 我做一下简单的解释帮助您理解。 第一种，内联样式表。 是指 直接在任何标签里面加入样式（style）。比如B标签可以写成 b style="color:blue"wwwww/b 优点：每个标签都可以加独立样式，灵活性高。 缺点：每个标签逐个加样式，时间耗费较大。 第二种，嵌入样式表。 是指利用style标签将CSS嵌入到HTML中。style一般写在头部（head）中。 比如控制页面P标签的样式, style p { color:blue; font-size:4cm; } /style 优点：嵌入样式表能够控制整个当前页面的样式。 缺点：不能控制其他页面样式。其他页面想要同样的样式，就必须在其他页面再嵌入样式表。 第三，外部样式表。 是指将 样式 定义在一个独立的 css文本 中。然后通过link的链接方式与网页关联。 首先得创建一个后缀为.css的文档。然后直接在文档中编写样式。最后通过link方式链接到HTML中。 如：link rel="stylesheet type="text/css href=".css的文档名称" 一般做网站，建议使用外部样式表，因为外部样式表使用使文件减小，提升读取速度，便于修改，时效性强。 第四，输入样式表。是指将一个样式文件输入到另一个样式文件中，把样式层叠起来的效果。 方法：打开一个样式文件，输入 @import url(另一个样式文件地址） 这样就可以把两个样式表的效果层叠起来。 样式表的功能很强大，内容也很多。不可能用三言两语把全部内容给你讲解，请原谅。 我已经尽量把骨干重点挑出来帮助你理解。 如果你是希望学习CSS的，建议您到买本书，认真琢磨。配合网上素材，结合自己的实践。 应该很容易掌握好CSS的运用。 好了，祝您学习愉快。

急求CSS+DIV网页样式与布局从入门到精通光盘里面的素材和案例

拿去换货吧！！

其实网页排版重要是多自己练习！！

先抄别人的开始！！ 直接抄几个简单的网站 改成自己的！！慢慢的 就开始自己排版！！

学这个建议先学 table布局开始！！ 虽然已经淘汰了！！但是这是刚开始的网页布局方法！！

简单快速！！

css素材哪里找？

在百度搜索中键入关键词“css模板下载”，然后右键将你喜欢的小图标保存下来，平时浏览网页的时候也注意这些细节问题的；

你给出的两张图片一张是分割线，一张是用来平铺的图片，可以搜集也可以自己做；

背景透明的图片如果要用在百度的话就是将你做的图片去掉背景层保存成gif格式然后上传使用就可以了。

百度空间的css样式表怎样编辑

我的百度空间地址是

这个问题不是很白痴，我当时也是一窍不通，其实搞CSS很简单的，就是从网上找一些别人公布的代码，添加到你的CSS样表相应的位置就行了，我给你回答的内容就是里面那么一大片英文的中文备注．不如说你要换文章标题图片，你就找到相应的代码，添加到文章标题那一向的花括号里就行了，就是复制和粘贴的办法，一个一个来，慢慢的都会了．你可以去百度空间吧里看看，里面几乎所有的代码都用人公布出来，或者上一些论坛上去，如果你不知道怎么上，就直接在百度主页的搜索栏里打上”百度空间代码”几个字，保证有你想要的东西的，呵呵！好了，回答完毕，别忘了给我加分哦！

在学CSS之前

学习CSS之前，首先应学会写HTML。如果你对HTML还一无所知（像我一样。。。），请参见HTML教程。

CSS(Cascading Style Sheets)简介

当初一帮技术人员想出HTML，主要侧重于定义内容，比如p表示一个段落，h1表示标题，而并没有过多设计HTML的排版和界面效果。

随着Internet的迅猛发展，HTML被广泛应用，上网的人们当然希望网页做得漂亮些，因此HTML排版和界面效果的局限性日益暴露出来。为了解决这个问题，人们也走了不少弯路，用了一些不好的方法，比如给HTML增加很多的属性结果将代码变得很臃肿，将文本变成图片，过多利用Table来排版，用空白的图片表示白色的空间等。直到CSS出现。

CSS可算是网页设计的一个突破，它解决了网页界面排版的难题。可以这么说，HTML的Tag主要是定义网页的内容(Content)，而CSS决定这些网页内容如何显示(Layout)。

CSS的英文是Cascading Style Sheets，中文可以翻译成串联式样式表。

CSS按其位置可以分成三种：

内嵌样式(Inline Style)

内部样式表(Internal Style Sheet)

外部样式表(External Style Sheet)

内嵌样式(Inline Style)

Inline Style是写在Tag里面的。内嵌样式只对所在的Tag有效。

CODE:[Copy to clipboard]P style="font-size:20pt; color:red"这个Style定义p/p里面的文字是20pt字体，字体颜色是红色。/p

显示示例

内部样式表(Internal Style Sheet)

内部样式表是写在HTML的head/head里面的。内部样式表只对所在的网页有效。

CODE:[Copy to clipboard]HTML

HEAD

STYLE type="text/css"

H1.mylayout {border-width:1; border:solid; text-align:center; color:red}

/STYLE

/HEAD

BODY

H1 class="mylayout" 这个标题使用了Style。/H1

H1这个标题没有使用Style。/H1

/BODY

/HTML

显示示例

内部样式表(Internal Sytle Sheet)要用到Style这个Tag，写法如下：

CODE:[Copy to clipboard]STYLE type="text/css"

......

/STYLE

外部样式表(External Style Sheet)

如果很多网页需要用到同样的样式(Styles)，用什么方法呢？

将样式(Styles)写在一个以.css为后缀的CSS文件里，然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。

比如可以用文本编辑器(NotePad)建立一个叫home的文件，文件后缀不要用.txt，改成.css。文件内容如下：

CODE:[Copy to clipboard]H1.mylayout {border-width: 1; border: solid; text-align: center;color:red}

然后你建立一个网页，代码如下：

CODE:[Copy to clipboard]HTML

HEAD

link href="../asdocs/css_tutorials/home.css" rel="stylesheet" type="text/css"

/HEAD

BODY

H1 class="mylayout" 这个标题使用了Style。/H1

H1这个标题没有使用Style。/H1

/BODY

/HTML

显示示例

使用外部(Extenal)样式表，相对于内嵌(Inline)和内部式(Internal)的，有以下优点：

样式代码可以复用。一个外部CSS文件，可以被很多网页共用。

便于修改。如果要修改样式，只需要修改CSS文件，而不需要修改每个网页。

提高网页显示的速度。如果样式写在网页里，会降低网页显示的速度，如果网页引用一个CSS文件，这个CSS文件多半已经在缓存区(其它网页早已经引用过它)，网页显示的速度就比较快。

串联(Cascading)

CSS第一个字母，是Cascading，意为串联。它是指不同来源的样式(Styles)可以合在一起，形成一种样式。

Cascading的顺序是：

浏览器缺省(browser default)(优先级最低)

外部样式表(Extenal Style Sheet)

内部样式表(Internal Style Sheet)

内嵌样式表(Inline Style)(优先级最高)

样式(Styles)的优先级依次是内嵌(inline), 内部(internal), 外部(external), 浏览器缺省(browser default)。假设内嵌(Inline)样式中有font-size:30pt, 而内部(Internal)样式中有font-size:12pt，那么内嵌(Inline)式样式就会覆盖内部(Internal)样式。

显示示例

-

基本语法

一个样式(Style)的语法由三部分构成：Selector(中文叫选择器有点怪怪的，就用英文吧)，属性(Property)，属性值(Value)。

CODE:[Copy to clipboard]selector {property: value}

举个例子，下面的代码p就是selector，color就是属性，blue就是属性值。

CODE:[Copy to clipboard]p {color:blue}

HTML中所有的Tag都可以作为selector。

注：如果你想为Style加多个属性，在两个属性之间要用分号加以分隔。下面的Style就包含2个属性，一个是对齐方式居中，一个字体颜色为红，当中用分号分隔开。

CODE:[Copy to clipboard]p {text-align:center;color:red}

为了提高Style代码的可读性，你也可以分行写：

CODE:[Copy to clipboard]p

{

text-align: center;

color: black;

font-family: arial

}

组合(Grouping)

你也可以将相同的属性和属性值赋予多个Selector。Selector之间用逗号分隔。

CODE:[Copy to clipboard]h1,h2,h3,h4,h5,h6

{

color: red

}

上面的例子是将所有正文标题(h1到h6)的字体颜色都变成红色。

Class Selector

利用Class Selector，你可以用同样的HTML Tag构成不同的样式。比如说，你希望段落p有两种样式，一种是居中对齐，一种是居右对齐。你就可以写如下样式：

CODE:[Copy to clipboard]p.right {text-align:right}

p.center {text-align:center}

其中right和center就是两个class。然后你就可以引用这两个class，示例代码如下：

CODE:[Copy to clipboard]p class="center"这一段居中显示。/p

p class="right"这一段是居右显示。/p

演示示例演示示例

你也可以不用HTML Tag，直接用.加上Class名称作为一个Selector。示例代码如下：

CODE:[Copy to clipboard].center {text-align: center}

这种通用的Class Selector就没有Tag的局限性，可以用于不同的Tag。比如：

CODE:[Copy to clipboard]h1 class = "center"这个标题居中显示。/h1

p class = "center"这个段落居中显示。/p

演示示例演示示例

Contextual Selector

你可以为嵌入其它Tag的Tag定义样式，示例代码如下：

CODE:[Copy to clipboard]p em{color: red}

Em这个Tag嵌套在P里面。p em就叫做Contextual Selector，定义嵌套于P里的Em的样式。这个例子表示，在P里面的用Em这个Tag标记的字体颜色是红色。

演示示例演示示例

CSS注释

为了方便你自己或者他人日后更好地理解你的CSS代码，你可以写CSS代码注释。CSS代码注释以/*开头，以*/结束。

CODE:[Copy to clipboard]/* 段落样式 */

p

{

text-align: center;

/* 居中显示 */

color: black;

font-family: arial

}

CSS字体属性

CSS常用文本属性

CSS背景属性

CSS边框属性

CSS边距属性

CSS间隙属性

CSS盒子模式(Box Model)

... margin_padding.html

CSS列表样式属性

CSS伪类(pseudo-class)

CSS代码示例

推荐 布啦布啦 - 网页教程与代码的中文站点

上面的东西都是理论，看是看不会的， 必须动手操作实践。

下面是百度给出的空间页面CSS说明

空间页面CSS说明

body 整个空间页面{background-color:#FFFFFF}

--------------------------------------------------------------------------------

空间名称和简介区域

#header 主体部分{height:89px;background:#3399CC}

#header div.lc 左背景图{background:url(temp1/hdl.jpg) no-repeat}

#header div.rc 右背景图{background:url(temp1/hdr.jpg) no-repeat top right}

#header div.tit 空间名称{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑体}

#header div.tit a.titlink 空间名称链接{color:#FFFFFF;text-decoration:none}

#header div.tit a.titlink:visited{color:#FFFFFF;text-decoration:none}

#header div.desc 空间简介{top:33px;left:20px;color:#FFFFFF;font-size:13px}

#tabline TAB菜单下方的横线{top:89px;background-color:#FFFFFF}

#tab TAB菜单主体{top:67px;background:url(temp1/tabbg.gif) repeat-x}

#tab a.on,#tab a.on:link,#tab a.on:visited TAB选中状态{margin-top:3px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;line-height:19px;background-color:#F3F1F1;color:#197CAE;font-size:14px}

#tab span TAB与TAB之间的分割符“|”{color:#FFFFFF;font-size:14px}

#tab a:link TAB未选中状态{color:#FFFFFF;text-decoration:none;font-size:14px}

#tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px}

#tab2 设置TAB菜单主体{background:#DAE9F5}

#tab2 span TAB选中状态{color:#000000;font-size:12px;font-weight:bold}

#tab2 a TAB未选中状态{font-size:12px}

#tab2 a:link{color:#0000CC}

#tab2 a:visited{color:#0000CC}

--------------------------------------------------------------------------------

.stage 内容区域（TAB菜单与版权信息之间的区域）{background:#F3F1F1}

其它区域（即访问量等信息）

#comm_info 主体{color:#333333;font-family:Arial;text-align:left}

#comm_info div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

#comm_info a 链接{color:#3399CC}

--------------------------------------------------------------------------------

页码区域

#page 主体{height:30px;font-size:14px;font-family:Arial;text-align:center}

#page span 当前页码（不可点击）{padding:3px;color:#000000;font-size:14px;font-weight:bold}

#page a.pc 上一页和下一页{color:#3399CC;font-size:14px;font-weight:bold}

#page a.pc:visited{color:#3399CC}

#page a.pi 页码（可点击）{padding:3px;color:#3399CC;font-size:14px}

#page a.pi:visited{color:#3399CC}

--------------------------------------------------------------------------------

模块

.mod {margin-bottom:10px}

.modhandle{cursor:move}

.modth 模块标题栏主体{height:24px}

.modhead{padding:4px 4px 0 4px}

.modopt 模块操作区（如写新文章）{padding:4px 4px 0 0}

.modtit 模块标题区（如文章列表）{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtit{color:#FFFFFF}a.modtit:visited{color:#FFFFFF}

.modtitlink{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtitlink{color:#FFFFFF;text-decoration:none}a.modtitlink:visited{color:#FFFFFF;text-decoration:none}a.modtitlink:hover{color:#FF5100;text-decoration:underline}

.modact 操作文字链接（如文章列表）{color:#FFFFFF;font-size:12px}a.modact:link{color:#FFFFFF}a.modact:visited{color:#FFFFFF}

.modbox 模块内容区{padding:10px 10px 0 10px;background-color:#FFFFFF}

.modtl 模块左上角背景{background:url(temp1/ptitl.gif) no-repeat top left;line-height:1px}

.modtc 模块中上背景{background:url(temp1/ptitc.gif) repeat-x}

.modtr 模块右上角背景{background:url(temp1/ptitr.gif) no-repeat top right;line-height:1px}

.modbl 模块左下角背景{background-color:#FFFFFF;line-height:1px}

.modbc 模块中下背景{background-color:#FFFFFF;line-height:1px}

.modbr 模块右下角背景{background-color:#FFFFFF;line-height:1px}

--------------------------------------------------------------------------------

文章区域

#m_blog div.tit 文章标题{font-size:14px;font-weight:bold}

#m_blog div.tit a 文章标题链接{color:#333333;font-size:14px;font-weight:bold}

#m_blog div.tit a:visited{color:#333333}

#m_blog div.date 文章发表日期{margin:5px 0 8px 0;color:#666666}

#m_blog div.cnt 文章内容{color:#333333;line-height:20px;font-size:14px}

#m_blog div.more{margin:14px 0 16px 0}

#m_blog div.more a 阅读全文链接{color:#3399CC;font-size:14px}

#m_blog div.more a:visited{color:#3399CC}

#m_blog div.opt 文章操作区（如编辑、评论等）{color:#666666;font-size:12px}

#m_blog div.opt a 文章操作链接{color:#3399CC;font-size:12px}

#m_blog div.opt a:visited{color:#3399CC}

#m_blog div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}

#m_blog div.none 无文章提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}

--------------------------------------------------------------------------------

个人档案区域

#m_pro a 链接{color:#3399CC}

#m_pro a:visited{color:#3399CC}

#m_pro div.image 个人头像{text-align:center}

#m_pro div.act 操作区（如加为好友、发送消息）{margin-top:10px}

#m_pro div.user 用户名{margin-top:10px;color:#333333;font-size:12px;font-weight:bold}

#m_pro div.desc 用户简介{color:#333333;font-size:12px}

#m_pro div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}

#m_pro td{color:#333333;line-height:24px;font-size:14px}

--------------------------------------------------------------------------------

相册区域

#m_album div.image 照片{text-align:center}

#m_album div.page {color:#666666;font-size:12px;text-align:center}

#m_album div.page a{color:#0000CC;font-size:12px}

#m_album div.page a:visited{color:#0000CC}

--------------------------------------------------------------------------------

友情链接区域

#m_links div.item 子项{color:#333333;font-size:12px}

#m_links div.item a 名称（链接）{color:#3399CC;font-size:12px;text-decoration:none}

#m_links div.item a:visited{color:#3399CC}

#m_links div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

文章分类

#m_artclg div.item 子项{color:#666666;font-size:12px}

#m_artclg div.item a 分类名称（链接）{color:#3399CC;font-size:12px}

#m_artclg div.item a:visited{color:#3399CC}

#m_artclg div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

最新评论区域

#m_comment div.item 子项{color:#333333;font-size:12px}

#m_comment div.item a 发表人（链接）{color:#3399CC;font-size:12px}

#m_comment div.item a:visited{color:#3399CC}

#m_comment div.item a.cnt 评论摘要（链接）{color:#333333;font-size:12px;text-decoration:none}

#m_comment div.item a.cnt:visited{color:#333333;text-decoration:none}

#m_comment div.item a.cnt:hover{color:#333333;text-decoration:underline}

#m_comment div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

相册列表

#m_albumlist div.note{color:#333333;font-size:14px}

#m_albumlist div.desc 简介{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px}

#m_albumlist div.none 无照片提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}

#m_albumlist div.line 分界线{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}

#m_albumlist div.tit 照片标题{margin:6px 0 7px 0;color:#333333;font-size:14px}

#m_albumlist div.tit a 照片标题链接{color:#3399CC;font-size:14px}

#m_albumlist div.tit a:visited{color:#3399CC}

#m_albumlist span.count 照片数量{color:#666666;font-size:12px;font-weight:bold}

#m_albumlist span.size 照片尺寸{color:#999999;font-size:12px;font-family:Arial}

#m_albumlist a.act 操作区链接（如编辑、删除）{color:#3399CC;font-size:12px}

#m_albumlist a.act:visited{color:#3399CC}

#m_albumlist a.page 页码链接{color:#0000CC;font-size:14px}

#m_albumlist a.page:visited{color:#0000CC}

#m_albumlist td.image{padding:5px;border:1px solid #999999;background:#FFFFFF}

--------------------------------------------------------------------------------

好友列表

#m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}

#m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px}

#m_friend div.user{margin-top:4px;color:#333333;font-size:12px}

#m_friend div.user a 好友名称（链接）{color:#3399CC;font-size:12px}

#m_friend div.user a:visited{color:#3399CC}

#m_friend div.line 分界线{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

设置访问统计、模板设置

#m_setting a 链接{color:#3399CC}

#m_setting a:visited{color:#3399CC}

#m_setting 主体{line-height:22px;color:#333333;font-size:14px}

#m_setting img.sel 模板预览图（选中状态）{border:4px solid #FFDB7B}

#m_setting img.unsel 模板预览图（未选中状态）{border:1px solid #D2D2D2}

#m_setting span.tit 模板标题名称{font-size:14px}

#m_setting span.usr 作者名{color:#666666}

#m_setting div.sel “当前模板”文字{padding-top:6px;font-size:14px;font-weight:bold}

#m_setting div.line 分界线{margin-top:20px;line-height:16px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

系统公告

#m_sysinfo a 链接{color:#3399CC}

#m_sysinfo a:visited{color:#3399CC}

#m_sysinfo 主体{line-height:22px;color:#333333;font-size:14px}

#m_sysinfo span.new 最新{color:#FF0000;font-size:10px;font-family:Arial}

#m_sysinfo span.date 发布时间{color:#666666;font-size:14px}

--------------------------------------------------------------------------------

基本选项

#m_setbase 主体{color:#333333;font-size:14px}

#m_setbase td{color:#333333;font-size:14px}

#m_setbase div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

网友评论

#in_comment 主体{width:710px}

#in_comment div.tit 标题{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}

#in_comment div.user 发表人名{margin-bottom:6px;color:#333333;font-size:12px}

#in_comment div.user a 发表人名（链接）{color:#3399CC;font-size:12px}

#in_comment div.user a:visited{color:#3399CC}

#in_comment div.user span.date 发表时间{color:#666666;font-size:12px}

#in_comment div.desc 评论内容{color:#333333;font-size:12px}

#in_comment div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}

#in_send div.tit 发表评论（标题）{margin:10px 0 10px 0;color:#333333;font-size:14px;font-weight:bold}

新闻标题：css样式素材,css样式基础
文章链接：http://hbruida.cn/article/dscphpj.html