自定义css样式

所谓css， CSS 是 Cascading Style Sheets (层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。

           CSS2.0中的盒模型是关系到设计中排版定位的关键，任何一个选择符都遵循盒模型规范，例如<div>、<p>、<a>……盒模型包含
(外补丁)margin，(背景颜色)background-color，(背景图片)background-image，(内补丁)padding ，(内容)content，(边框)border。

     

 

           我们需要在原始的代码稍加修改就可以得到我们想要的效果，选自定义模板，然后可以看到初始的代码，然后就是我们要了解每个代码控制的部分， 关于百度空间的css源代码控制布局的具体的位置说明在这里： http://www.baidu.com/search/hi/hi_css.html
           然后我们就可以修改了，在这里我们需要了解一些修改的语法，

百度空间的背景设置：我们可以看到代码里写在最前的

body {BACKGROUND:#FFFFFF}这里就是背景的属性了

          在body{}中加入
background-image:url(图片地址) ; 　                 定义背景图片
background-repeat: no-repeat;                           定义背景图片不重复
background-position: center;                              定义背景居中
background-attachment: fixed;                           定义背景固定，不滚动参数fixed

/*背景设置*/
body{}中加入background:url(你想要的图片网络地址) repeat-x #FFFFFF
注其中的参数可以选择以下四种：
repeat               　              背景图像在纵向和横向上平铺
no-repeat               　               背景图像不平铺
repeat-x               　                 背景图像在横向上平铺
repeat-y               　                 背景图像在纵向平铺

注意语法，属性都在{}中写，每个属性之间用；号分开。

关于线框的参数：dotted：　 点线
dashed : 　虚线
double : 　双线边框
groove : 　3D凹槽
ridge : 　            菱形边框
inset : 　             3D凹边
outset : 　3D凸边

比如：#m_artclg div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}中的solid就可以替换以上的参数。

参数
color:green                                 表示字体颜色。
font-size:14px                              表示字体大小。

然后就是按顺序依次修改，保存就行~！

============================================================================

0.空间制作目录 http://hi.baidu.com/weiqianhe/blog/item/bb306becac1149d02e2e2152.html 1.百度官方空间CSS说明 http://hi.baidu.com/huge/blog/item/83420fb3541b3ba7d9335a36.html 2.最浅显易懂的百度CSS教程 http://hi.baidu.com/huge/blog/item/cc50ad4bb0560af082025c3c.html 3.模板选择http://hi.baidu.com/sys/share/pub_1 4.你的博客值多少钱？PR值多少呢？ http://hi.baidu.com/huge/blog/item/9ac5277f0d2e760828388a71.html 5.如何提高百度空间访问量? http://hi.baidu.com/huge/blog/item/f6d7b745c7dee526cffca3ef.html 6.给百度空间的几点改进建议 http://hi.baidu.com/huge/blog/item/8f56d6889045ff94a4c272e9.html 7.百度空间的网址功能连接项 http://hi.baidu.com/huge/blog/item/075f510f6c82512a6059f3eb.html 8.个人空间常用特殊符号介绍 http://hi.baidu.com/huge/blog/item/33cea3cc9ca30b1001e928ea.html 9.CSS代码图解 http://hi.baidu.com/huge/blog/item/4a3f11df34acf31363279830.html 10.百度空间实用技巧集 http://hi.baidu.com/huge/blog/item/a1225c603a4f25df8db10d9e.html 11.百度空间个性代码 http://hi.baidu.com/huge/blog/item/d3089d16e09cf051f3de321d.html 12.利用重新定义标签，达到写文章时迅速排版的目的 http://hi.baidu.com/huge/blog/item/a42b9b50a3bb5362853524e9.html 13.边框风格属性(border-style) http://hi.baidu.com/huge/blog/item/7d4a252d6d53ae34349bf7e9.html 14.百度空间布局剖析 http://hi.baidu.com/huge/blog/item/73151d95820284087bf480e9.html 15.浏览器窗口滚动条特效及添加滚动条的方法 http://hi.baidu.com/huge/blog/item/8f4bd109bea71a82d1581be8.html 16.滚动条与无滚动条 http://hi.baidu.com/huge/blog/item/e6feab646a1c01f0f7365402.html 17.各模块添加滚动条实例 + 参数详解 http://hi.baidu.com/huge/blog/item/1e285bb500016ece36d3ca9b.html 18.解决百度模板横向滚动条的问题 http://hi.baidu.com/huge/blog/item/8a38d40785adf9cc7b89470f.html 19.教你怎样让背景自动更新,包括头背景 http://hi.baidu.com/huge/blog/item/383ed42a924cb29b033bf6e8.html 20.给超链接添加按钮效果 http://hi.baidu.com/huge/blog/item/1e5c78f09eddd4c37931aa9b.html 21.超链接效果修改--由浅入深 http://hi.baidu.com/huge/blog/item/ae0f8701daf301d6277fb5e8.html 22.插入图片位置的代码及效果演示图 http://hi.baidu.com/huge/blog/item/cc4bccbf7070fb0a18d81f60.html 23.使博客文章中链接在新窗口中打开 http://hi.baidu.com/huge/blog/item/c7a74aedac9df0d4b21cb166.html 24.文字发光方法!!! http://hi.baidu.com/huge/blog/item/833c0708a3d56430e8248865.html 25.自制闪字空间名称 http://hi.baidu.com/huge/blog/item/26d49f3dcc37aa00baa1679a.html 26.百度空间旧模板CSS下载 http://hi.baidu.com/huge/blog/item/1e285bb5000e6ece36d3ca9c.html 27.在文章中插入FLASH的制作过程(失效) http://hi.baidu.com/huge/blog/item/8d419822c3b377f3d7cae2b5.html 28.百度空间添加FLASH播放器 http://hi.baidu.com/huge/blog/item/3b8459ee9a532ffbb2fb9536.html 29.教你如何制作个性化的标题栏 http://hi.baidu.com/huge/blog/item/2988033b928cb3ea15cecb29.html 30.文章列表板块文章区边框的设置 http://hi.baidu.com/huge/blog/item/b4643912ceb3c951f819b8d8.html 31.百度空间搜索模块css样式 http://hi.baidu.com/huge/blog/item/9a87a4c23b82ab1b0ef477cb.html 32.增加天气预报的方法 http://hi.baidu.com/huge/blog/item/56e8fbedc33f7a4f78f0550a.html 33.空间模块巧移动 + 文字快速插链接 http://hi.baidu.com/huge/blog/item/65e3f736c39700310a55a90c.html 34.背景音乐——透明渐变播放器 http://hi.baidu.com/huge/blog/item/afa4d0a2e9a448adcbefd000.html 35.显示IP地址代码 http://hi.baidu.com/huge/blog/item/f443352a121369385343c107.html 36.如何做半透明的百度空间 http://hi.baidu.com/huge/blog/item/4a3f11df34a0f31363279804.html 37.做分割线的方法 http://hi.baidu.com/huge/blog/item/9b0b367a58ff33ed2e73b33b.html 38.教你如何装饰(发表评论版块空白区) http://hi.baidu.com/huge/blog/item/1755f21f07431263f624e43a.html 39.装饰百空"发表评论"的"内容"部分 http://hi.baidu.com/huge/blog/item/4c1cd9f9d4915959252df2aa.html 40.给自己的主页加上漂亮的计数器 http://hi.baidu.com/huge/blog/item/c82ab600eaba4387e950cd39.html 41.在百度空间文章中设置滚动字 http://hi.baidu.com/huge/blog/item/3527349b1d187fb5c9eaf452.html 42.网页滚动效果设置 http://hi.baidu.com/huge/blog/item/3b8459ee3c9175fbb3fb956b.html 43.改变百度空间的模块宽度 http://hi.baidu.com/huge/blog/item/ae0aebc4701260a98226ac0f.html 44.百度博客分析及自定义模块设置工具 http://hi.baidu.com/huge/blog/item/1430dd54398eb358d10906b7.html 45.一些CSS效果教程补遗 http://hi.baidu.com/huge/blog/item/a42b9b50a3725362853524a0.html 46.查看任何人CSS代码和音乐地址的最简单方法 http://hi.baidu.com/huge/blog/item/9791b90117916203738da571.html 47.访问量字体改变 http://hi.baidu.com/huge/blog/item/5625acaffedc37cc7cd92a71.html 48.百度空间“最近访客”的css http://hi.baidu.com/huge/blog/item/88d9d1c8b4845d177f3e6f71.html 49.打造个性鼠标效果 http://hi.baidu.com/huge/blog/item/d586d143172ace1273f05d11.html 50.百度空间设计的"终极技巧" http://hi.baidu.com/huge/blog/item/cc4bccbfad9d560a19d81f54.html 51.留言板代码 http://hi.baidu.com/huge/blog/item/4e50fbf2c9084513b07ec549.html 52.关于百度空间实现各区域不同样式的定义 http://hi.baidu.com/huge/blog/item/b91c4bfb3ab0b465034f5615.html 53.实现百度官方空间的三列式布局 http://hi.baidu.com/huge/blog/item/47bca40f8ba0e4ecab64570b.html 54.致Baiduer CSS初学者 http://hi.baidu.com/huge/blog/item/bdff08fad765be9759ee9008.html 55.打造空间个性的图片效果 http://hi.baidu.com/huge/blog/item/6e9ea977ef48ac1ab051b90b.html 56.给空间加点可爱的符号 http://hi.baidu.com/huge/blog/item/7e3462d00c558e8ea0ec9c0f.html 57.百度空间竖状菜单效果代码 http://hi.baidu.com/huge/blog/item/ca3960593a63cb2b2834f006.html 58.访问统计生成柱状图的CSS http://hi.baidu.com/huge/blog/item/8e00b07ece8035390cd7da70.html 59.百度空间自己定义之--CSS滤镜 http://hi.baidu.com/huge/blog/item/cc0073f00d4a17aea40f5238.html 60.添加搜藏模块CSS http://hi.baidu.com/huge/blog/item/a42b9b50683e9e6384352474.html 61.CSS代码地址详解 http://hi.baidu.com/huge/blog/item/075f510f37b99a2b6059f331.html 62.分隔线素材大全及其它素材 http://hi.baidu.com/huge/blog/item/b677034fbca0e837afc3ab01.html 63.我的图片有内容（利用百度相册放东西）