在wordpress中修改CSS心得
风小原创 网站相关 CSS
昨天在自己的QQ群（109600771）里朋友们说偶的主题单调，看着比较累。之所以累，主要因为文章字体为灰色的缘故，文章内链接为黑色，也不是很显眼。本想在文章中修改下算了，可是那么多篇文章一篇一篇修改那要什么时候？所以动了专研CSS的念头，这下一发不可收拾，所以写下点心得记录学习成果，也希望对大家有所帮助。
 |
首先我对style.css进行一个简单的划 分，话说这东西要了我很 多时间，自己 摸索的的确很艰苦 啊。 接下来呢，我便开始全面修改 CSS， 分别在/* Post */、/* Header 与/*body*/ 中修改。 |
在 /*post */与body中修改文章CSS：
1） .post h2.title a{color:#333333;}
.post h2.title a:hover{color:#9900FF;}//鼠标移动标题程紫色
2） .post .entry a{color:#3366CC;font-weight:bold;}//文章内链接加粗蓝
.post .entry a:hover{color:#9900ff;}
3） body{background:#ecebeb;font-size:12px;font-family:arial,verdana,sans-serif;color:#000;text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}//文章字体颜色在body中改“color:#000”表黑色
在/*heaer*/中 /*menus-cats*/中的修改效果
#menus-cats{z-index:5;position:relative;width:638px;margin:0 auto;padding:0 240px 0 20px;height:30px;font-weight:normal;background:#fcfbfb;border:1px solid #cccccc;}
#menus-cats a{color:#000;margin-right:20px;line-height:30px;display:block;padding:0 10px;border:1px solid #f2f2f2}
#menus-cats a:hover{color:#ecebeb;background:#a3a2a2;}
#menus-cats li{list-style:none;float:left;position:relative;}
#menus-cats ul.children{display:none;overflow:hidden;z-index:10;position:absolute;left:-1px;top:30px;width:150px;background:#cccccc;border:1px solid #ddd;}
#menus-cats ul.children li{float:none;text-align:left;margin:0;padding:0 5px;}
#menus-cats ul li li a{display:inline;border:none;}
#menus-cats li:hover ul.children{display:block;}
#menus-cats li.current-cat a{color:#5f94c1;}
先写到这里吧，太累了，睡觉。
做人要厚道，转载注明来自：http://www.glwzu.com/wordpress-css.html
话说如果有一个能像你图里面那样可以随意划分然后自动生成css的工具就好了
[回复]
风小 回复:
August 14th, 2010 at 14:07
好想法，如果有人做出来就一定很火
[回复]
学习、学习，随时都能用上
[回复]
风小 回复:
August 14th, 2010 at 14:07
呵呵，互相学习
[回复]
非常值得借鉴,支持博主
[回复]
风小 回复:
August 14th, 2010 at 14:07
谢谢
[回复]
你什么时候加我友情链接了??? 不过你似乎写错了,我是大智若鲁…鲁….鲁….呵呵
[回复]
飞猪 回复:
August 14th, 2010 at 09:39
哈哈哈。。哈哈哈
[回复]
风小 回复:
August 14th, 2010 at 14:09
[回复]
风小 回复:
August 14th, 2010 at 14:09
额，我用站长工具发现你那有我的链接就加上了
[回复]
还是没有好好的改善呢！
[回复]
风小 回复:
August 14th, 2010 at 14:10
是吧，刚开始改，嘿嘿
[回复]
感觉把头部的大灰色块改掉 就不会显得那么单调了
[回复]
风小 回复:
August 14th, 2010 at 14:11
我在想用什么替换好
[回复]
这样做，用户体验效果就更好了。
[回复]
风小 回复:
August 14th, 2010 at 14:11
[回复]
不懂代码、不懂修改！
我就一超级菜鸟。
[回复]
风小 回复:
August 14th, 2010 at 14:12
[回复]
我向你学习学习哈
[回复]
风小 回复:
August 14th, 2010 at 16:36
[回复]
俺一般都自己乱来
[回复]
风小 回复:
August 14th, 2010 at 16:37
[回复]
建議把頭部的inove圖片改掉，它與右上角的導航有點不搭配… 換上個淡色系的就好些了..
（純建議，沒惡意..自己感覺的而已..）
[回复]
风小 回复:
August 14th, 2010 at 18:45
谢谢建议哦。嗯，颜色不配我就去掉了，用背景作底色，导航条稍微改淡了点，因为朋友说太灰了看上去累哦。
PS
你喜欢用繁体字哦？
[回复]
P.H 回复:
August 14th, 2010 at 20:18
说粤语的人都偏爱使用繁体字多些~
[回复]
奶牛归来，点AD，看文章，送牛奶，吼吼~~~
[回复]
风小 回复:
August 14th, 2010 at 21:02
[回复]
现在看来很好啊。
[回复]
风小 回复:
August 16th, 2010 at 12:54
[回复]
这个真可以会。。
[回复]
风小 回复:
August 16th, 2010 at 12:54
[回复]
改了后，换主题比较麻烦！！
[回复]
风小 回复:
August 23rd, 2010 at 12:41
主题一次就要选好了，更换主题对收录很不好
[回复]
Thanks for wordpress new..
[回复]