css中font字体的设置方法如下：
1.在css页面中，设置字体的颜色通过下面的代码：
2.字体的color值，一般都是使用#加16进制的颜色值来表示。也有一些编译器支持直接使用颜色的英文单词来表示。如下图：
3.color是颜色的意思，color用来设置一个标签的前景色，表现出来也就是元素文本的颜色。css还可以设置字体的其他属性，如font-familay可以设置字体的类型，font-size可以设置字体的大小等。
扩展资料：
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
参考资料：CSS-百度百科
你需要写一个CSS样式文件，后缀名称就是CSS，我这里正好写了一个CSS样式表，用于定义网站显示文字的格式，然后你复制这个代码将这个代码保存格式为：comman.css
/*------reset------*/body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{
margin:0
color: #000
font-size: 12px
font-family: "微软雅黑"
text-align: center
}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5b8b\4f53',sans-serifcolor:#6c6c6c}
body{padding-top:42px}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,i,b{font-style:normal}
ul,ol{list-style:none}
a{color:#6c6c6ctext-decoration:none}
a:hover{
color:#330033
font-size: 12px
text-align: left
}
img{border:0}
button,input,select,textarea{font-size:100%outline:nonevertical-align:middle}
textarea{resize:none}
table{
border-collapse:collapse
border-spacing:0
text-align: center
}
td,th,ul,ol{
padding:0
color: #000
text-align: center
font-family: "微软雅黑"
font-size: 12px
}
/*------common------*/
.pr{position:relative}
.pa{position:absolute}
.fl{float:left}
.fr{float:right}
.fl,.fr{display:inline}
.bc{margin-left:automargin-right:auto}
.cb{clear:both}
.db{display:block}
.clearfix{*zoom:1}
.clearfix:after{content:'\20'display:blockheight:0line-height:0visibility:hiddenclear:both}
.tc{text-align:center}
.tr{text-align:right}
.fb{font-weight:bold}
.fn{font-weight:normal}
.f16{font-size:16px}
.f14{font-size:14px}
.f_yh{font-family:'\5FAE\8F6F\96C5\9ED1'}
.ell{text-overflow:ellipsiswhite-space:nowrapoverflow:hidden}
.none{display:none}
.hidden{visibility:hidden}
.ht{overflow:hiddentext-indent:-9999pxtext-decoration:none}
.unl{text-decoration:underline}
.bd1{border:1px solid #d8d8d8}
.bd1-t{border-top:1px solid #d8d8d8}
.bd1-b{border-bottom:1px solid #d8d8d8}
.bd3{border:3px solid #d8d8d8}
.hlh30{height:30pxline-height:30px}
.hlh24{height:24pxline-height:24px}
.lh22{line-height:22px}
.hlh20{height:20pxline-height:20px}
.c1{color:#5d5d5d}/*积齥*/
.c2{color:#8f8f8f}/*k*/
.c3{color:#e44cea}/*a?k*/
.c4{color:#f49bff}/*toplink*/
.c5{color:#ff0000}
.bc1{background:#f3f3f3}/*积sk*/
.bc2{background:#f8f8f8}/*齭k*/
.bc3{background:#ffffff}
.mt10{margin-top:10px}
.mb10{margin-bottom:10px}
.mr9{margin-right:9px}
.ml7{margin-left:7px}
.ml89{margin-left:89px}
.p20{padding:20px}
.p10{padding:10px}
.pt1{padding-top:1px}
.pr6{padding-right:6px}
.pl6{padding-left:6px}
.w230{width:230px}
.spr{background:url(http://ossweb-img.qq.com/images/ktv/web201206/spr.png) no-repeatoverflow:hidden}
.ico{width:8pxheight:8pxline-height:8pxmargin:10px 8px 0 8px}
/*--notice--*/
.game-notice{width:1000pxpadding:60px 0 30px 0}
.game-notice em{padding:0 4pxcolor:#6c6c6c}
/*--footer--*/
.footer{
background:#19001a
color: #FFF
}
.foot-con{width:915pxpadding:20px 0 30px 85px}
.foot-logo{width:216pxheight:45pxborder-right:1px solid #3a173b}
.game-logo{width:107pxheight:35pxbackground-position:0 -232px}
.kaige-logo{width:93pxheight:35pxbackground-position:-107px -232pxcursor:default}
.foot-list{padding-left:15pxcolor:#673768}
.foot-list a{color:#673768}
.foot-list a:hover{text-decoration:underline}
.foot-link{width:578px}
.foot-link span{padding:0 5pxcolor:#3A173B}
.copy{width:576px}/* |xGv00|8d5f9fb42d5dc8f4155bd7ed0d0073ae */
0.空间制作目录http://hi.baidu.com/huge/blog/item/9f35cffc6b46f382b901a001.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/1e5c78f09eddd4c37931aa9b.html
19.超链接效果修改--由浅入深
http://hi.baidu.com/huge/blog/item/ae0f8701daf301d6277fb5e8.html
20.插入图片位置的代码及效果演示图
http://hi.baidu.com/huge/blog/item/cc4bccbf7070fb0a18d81f60.html
21.使博客文章中链接在新窗口中打开
http://hi.baidu.com/huge/blog/item/c7a74aedac9df0d4b21cb166.html
22.文字发光方法!!!
http://hi.baidu.com/huge/blog/item/833c0708a3d56430e8248865.html
23.自制闪字空间名称
http://hi.baidu.com/huge/blog/item/26d49f3dcc37aa00baa1679a.html
24.百度空间旧模板CSS下载
http://hi.baidu.com/huge/blog/item/1e285bb5000e6ece36d3ca9c.html
25.百度空间添加FLASH播放器
http://hi.baidu.com/huge/blog/item/3b8459ee9a532ffbb2fb9536.html
26.教你如何制作个性化的标题栏
http://hi.baidu.com/huge/blog/item/2988033b928cb3ea15cecb29.html
27.文章列表板块文章区边框的设置
http://hi.baidu.com/huge/blog/item/b4643912ceb3c951f819b8d8.html
28.百度空间搜索模块css样式
http://hi.baidu.com/huge/blog/item/9a87a4c23b82ab1b0ef477cb.html
29.增加天气预报的方法
http://hi.baidu.com/huge/blog/item/56e8fbedc33f7a4f78f0550a.html
30.玩转背景音乐播放器
http://hi.baidu.com/huge/blog/item/352b1f30b4db1398a8018e70.html
31.显示IP地址代码
http://hi.baidu.com/huge/blog/item/f443352a121369385343c107.html
32.如何做半透明的百度空间
http://hi.baidu.com/huge/blog/item/4a3f11df34a0f31363279804.html
33.做分割线的方法
http://hi.baidu.com/huge/blog/item/9b0b367a58ff33ed2e73b33b.html
34.教你如何装饰(发表评论版块空白区)
http://hi.baidu.com/huge/blog/item/1755f21f07431263f624e43a.html
35.装饰百空"发表评论"的"内容"部分
http://hi.baidu.com/huge/blog/item/4c1cd9f9d4915959252df2aa.html
36.在百度空间文章中设置滚动字
http://hi.baidu.com/huge/blog/item/3527349b1d187fb5c9eaf452.html
37.网页滚动效果设置
http://hi.baidu.com/huge/blog/item/3b8459ee3c9175fbb3fb956b.html
38.改变百度空间的模块宽度
http://hi.baidu.com/huge/blog/item/ae0aebc4701260a98226ac0f.html
39.百度博客分析及自定义模块设置工具
http://hi.baidu.com/huge/blog/item/1430dd54398eb358d10906b7.html
40.一些CSS效果教程补遗
http://hi.baidu.com/huge/blog/item/a42b9b50a3725362853524a0.html
41.查看任何人CSS代码和音乐地址的最简单方法
http://hi.baidu.com/huge/blog/item/9791b90117916203738da571.html
42.访问量字体改变
http://hi.baidu.com/huge/blog/item/5625acaffedc37cc7cd92a71.html
43.百度空间“最近访客”的css
http://hi.baidu.com/huge/blog/item/88d9d1c8b4845d177f3e6f71.html
44.打造个性鼠标效果
http://hi.baidu.com/huge/blog/item/d586d143172ace1273f05d11.html
45.百度空间设计的"终极技巧"
http://hi.baidu.com/huge/blog/item/cc4bccbfad9d560a19d81f54.html
46.留言板代码
http://hi.baidu.com/huge/blog/item/4e50fbf2c9084513b07ec549.html
47.致Baiduer CSS初学者
http://hi.baidu.com/huge/blog/item/bdff08fad765be9759ee9008.html
48.打造空间个性的图片效果
http://hi.baidu.com/huge/blog/item/6e9ea977ef48ac1ab051b90b.html
49.给空间加点可爱的符号
http://hi.baidu.com/huge/blog/item/7e3462d00c558e8ea0ec9c0f.html
50.百度空间竖状菜单效果代码
http://hi.baidu.com/huge/blog/item/ca3960593a63cb2b2834f006.html
51.访问统计生成柱状图的CSS
http://hi.baidu.com/huge/blog/item/8e00b07ece8035390cd7da70.html
52.百度空间自己定义之--CSS滤镜
http://hi.baidu.com/huge/blog/item/cc0073f00d4a17aea40f5238.html
53.添加搜藏模块CSS
http://hi.baidu.com/huge/blog/item/a42b9b50683e9e6384352474.html
54.CSS代码地址详解
http://hi.baidu.com/huge/blog/item/075f510f37b99a2b6059f331.html
55.分隔线素材大全及其它素材
http://hi.baidu.com/huge/blog/item/b677034fbca0e837afc3ab01.html
56.博客流量统计
http://hi.baidu.com/huge/blog/item/14e49052e720de0f0cf3e373.html
57.日历模块的代码
http://hi.baidu.com/huge/blog/item/970063270d745d02918f9ddd.html
58.RSS的使用方法
http://hi.baidu.com/huge/blog/item/a58aa901131fc2071d958348.html
59.百度空间图片转贴到其他网站的方法
http://hi.baidu.com/huge/blog/item/cd050924ac31522ad4074259.html
60.博客文章如何备份？
http://hi.baidu.com/huge/blog/item/f6d7b745752a3727cffca3fc.html
