1.问题：CSS文件中已设置了标签的属性font-family:&微软雅黑&，但是字体的显示的效果却是宋体，查看一下网页源代码，发现设置的字体为乱码。乱码显示如font-family:&??????& ;2.解决方法：字体设置不要用中文：如font-family:&微软雅黑&；而使用字体的Unicode编码：如font-family:/5FAE/8F6F/96C5/9ED1;3.总结：常见字体Unicode编码如下：中文名英文名UnicodeUnicode2Windows新细明体PMingLiU/65B0/7EC6/660E/4F53新细明体细明体MingLiU/7EC6/660E/4F53细明体标楷体DFKai-SB/F53标楷体黑体SimHei/9ED1/4F53黑体宋体SimSun/5B8B/4F53宋体新宋体NSimSun/65B0/5B8B/4F53新宋体仿宋FangSong/4EFF/5B8B仿宋楷体KaiTi/楷体仿宋_GB2312FangSong_GB2312/4EFF/5B8B_GB2312仿宋_GB2312楷体_GB2312KaiTi_GB2312/_GB2312楷体_GB2312微软正黑体Microsoft JhengHei/5FAE/x8F6F/6B63/9ED1/4F53微软正黑体微软雅黑Microsoft YaHei/5FAE/8F6F/96C5/9ED1微软雅黑Office隶书LiSu/96B6/4E66隶书幼圆YouYuan/5E7C/5706幼圆华文细黑STXihei/534E//9ED1华文细黑华文楷体STKaiti/534E/F53华文楷体华文宋体STSong/534E/B/4F53华文宋体华文中宋STZhongsong/534E/D/5B8B华文中宋Mac OS华文仿宋STFangsong/534E/6587/4EFF/5B8B华文仿宋方正舒体FZShuTi/65B9/6B63/方正舒体方正姚体FZYaoti/65B9/6B63/59DA/4F53方正姚体华文彩云STCaiyun/534E//4E91华文彩云华文琥珀STHupo/534E/C0华文琥珀华文隶书STLiti/534E//4E66华文隶书华文行楷STXingkai/534E/77华文行楷华文新魏STXinwei/534E//9B4F华文新魏华文细黑STHeiti Light [STXihei]/534E//9ED1华文细黑华文黑体STHeiti/534E//4F53华文黑体&华文楷体STKaiti/534E/F53华文楷体华文宋体STSong/534E/B/4F53华文宋体华文仿宋STFangsong/534E/6587/4EFF/5B8B华文仿宋丽黑Pro LiHei Pro Medium/4E3D/9ED1 Pro丽黑 Pro丽宋Pro LiSong Pro Light/4E3D/5B8B Pro丽宋 Pro标楷体BiauKai/F53标楷体苹果丽中黑Apple LiGothic Medium/82F9/679C/4E3D/4E2D/9ED1苹果丽中黑苹果丽细宋Apple LiSung Light/82F9/679C/4E3D/7EC6/5B8B苹果丽细宋HTML设置超链接字体颜色和点击后的字体颜色
作者：佚名
字体：[ ] 来源：互联网 时间：12-02 16:00:23
CSS为一些特殊效果准备了特定的工具，我们称之为“伪类”。其中有几项是我们经常用到的，下面我们就详细介绍一下经常用于定义链接样式的四个伪类
定义链接样式 　　CSS为一些特殊效果准备了特定的工具，我们称之为&伪类&。其中有几项是我们经常用到的，下面我们就详细介绍一下经常用于定义链接样式的四个伪类，它们分别是： :link :visited :hover :active 　　因为我们要定义链接样式，所以其中必不可少的就是超级链接中的锚标签--a，锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法，它们的写法如下： a:link，定义正常链接的样式； a:visited，定义已访问过链接的样式； a:hover，定义鼠标悬浮在链接上时的样式； a:active，定义鼠标点击链接时的样式。 示例： 代码如下: a:link { color:#FF0000; text-decoration: } a:visited { color:#00FF00; text-decoration: } a:hover { color:#000000; text-decoration: } a:active { color:#FFFFFF; text-decoration: } 　　上面示例中定义的链接颜色是红色，访问过后的链接是绿色，鼠标悬浮在链接上时是黑色，点击时的颜色是白色。 如果正常链接和已访问过的链接样式相同，鼠标悬浮和点击时的样式相同，也可以将它们合并起来定义： 代码如下: a:link, a:visited { color:#FF0000; text-decoration: } a:hover, a:active { color:#000000; text-decoration: } 链接定义的顺序 　　没有规矩不成方圆，虽然链接定义写好了，但它也是有规则的，如果这四项的书写顺序稍有差错，链接的效果可能就没有了，所以每次定义链接样式时务必确认定义的顺序，link--visited--hover-active，也就是我们常说到的LoVe HAte原则（大写字母就是它们的首字母）。 定义局部链接样式 　　在CSS中写上a:link{}这样的定义会使整个页面的链接样式改变，但有些局部链接需要特殊化，这个问题也不难解决，只要在链接样式定义的前面加上指定的id或class就可以了。 　　示例： 代码如下: #sidebar a:link, #sidebar a:visited { color:#FF0000; text-decoration: } #sidebar a:hover, #sidebar a:active { color:#000000; text-decoration: } 　　调用方法： &div id=&sidebar&&&a href=&http://www.jb51.net& target=&_blank&&链接到脚本之家&a&&/div& 　　class的定义方法和id相同，只要将#sidebar改为.sidebar就行了，还有一种方法是直接定义链接的样式，那样更直接，不过调用时比较麻烦，需要给每个特定的链接加上定义的代码。 　　示例： 代码如下: 　a.redlink a:link, a.redlink a:visited { color:#FF0000; text-decoration: } a.redlink a:hover, a.redlink a:active { color:#000000; text-decoration: background:#FFFFFF; } 　　调用方法： &div&&a href=&http://www.jb51.net& target=&_blank& class=&redlink& &链接到脚本之家一&a&&/div& 　　链接的定义主要有三个属性，颜色（color）、文本修饰（text-decoration）和背景（background）
大家感兴趣的内容
12345678910
最近更新的内容热门关键词： |
当前位置： >
CSS的字体样式
浏览：次 来源：未知
日期： 14:49:33 评论：
HTML里面FONT元素可以设置字体的大小,字体，颜色等样式.B元素和Strong元素都可以设置文字为粗体;I元素和EM元素都可以设置为斜体.
最基本样式:
&&& 在HTML中可以使用&font face=&&&来设置文字字体,而在css中设置字体使用到的属性是font-family,其语法代码如下:
font-family:字体名
font-family:字体名1,字体名2
font-family:fantasy|monospace|ncursive|serif|sans-serif
1.指定单个字体
& 有关字体的方式十分简单,只要在font-family中正确地输入字体名称即可.
&!DOCTYPE&HTML&PUBLIC&&-//W3C//DTD&HTML&4.01&Transitional//EN&&&&&&&&&&字体样式&&&&http-equiv=&Content-Type&&content=&text/&charset=utf-8&&&&&href=&&&type=&text/css&&rel=&stylesheet&&&&&&&type=&text/css&&&&&&&!--&&&&&&&&p.a{font-family:&宋体;}&&&&&&&&p.b{font-family:&隶书;}&&&&&&&&p.c{font-family:&M}&&&&&&&&p.d{font-family:&&Broadway&BT&;}&&&&&--&&&&&&&&&&&http-equiv=&Content-Type&&content=&text/&charset=UTF-8&&&&&&&&&&&&&&&&&&class=&a&宋体&&&&&&&&&&class=&b&隶书&&&&&&&&&&class=&c&ABCEDEFG&&&&&&&&&class=&d&ABCDEFGH&&&&&&
2.设置可选字体
在css里面允许为文字指定多个字体,每个字体用逗号隔开, 在通用情况下,浏览器会使用第一种字体来显示文字，当第一种字体不存在时,浏览器会尝试第二种字体来显示,只要当所有的字体不存在的时候。才会使用默认的字体来显示.
&!DOCTYPE&HTML&PUBLIC&&-//W3C//DTD&HTML&4.01&Transitional//EN&&&&&&&&&&字体样式&&&&http-equiv=&Content-Type&&content=&text/&charset=utf-8&&&&&href=&&&type=&text/css&&rel=&stylesheet&&&&&&&type=&text/css&&&&&&&&&&&&&&&&&&&http-equiv=&Content-Type&&content=&text/&charset=UTF-8&&&&&&&&&&&&&&&&&方正宋体,方正楷体,隶书&&&&&&
二:文字大小
在css中设置文字的大小用到的属性是font-
其语法代码:
font-size:xx-small || x-small || small ||& medium || large ||& xx-large || x-large || larger || 长度 || 百分比
1.绝度尺寸
在css里面定义七种绝度字体大小
2.相对尺寸
3.字体大小调整
在HTML中使用&B&&strong&来让文字加粗,但是加粗多少这就不是开发者能够控制的,所以要相精确的控制加粗的程度,还要使用css中的font-weight属性
1.font-weight属性
2.粗体的显示方式
在HTML中可以使用I元素和EM元素来让文字倾斜,而在css中式使用font-style属性让文字倾斜.
&!DOCTYPE&HTML&PUBLIC&&-//W3C//DTD&HTML&4.01&Transitional//EN&&&&&&&&&&字体样式&&&&http-equiv=&Content-Type&&content=&text/&charset=utf-8&&&&&href=&&&type=&text/css&&rel=&stylesheet&&&&&&&type=&text/css&&&&&&&!--&&&&&&.a{font-style:&}&&&&&&.b{font-style:}&&&&&--&&&&&&&&&&&http-equiv=&Content-Type&&content=&text/&charset=UTF-8&&&&&&&&&&&&&&&&&&class=&a&&Hello&world&&&&&&&&&class=&b&Nice&to&Meet&you&&&&&&&
五,字体变形
除了字体大小,粗体和斜体之外css中还可以让文字变形:
1.小型大写字母
使用font-variant属性可以让英文字母改为小型大写字母,其语法代码为:
font-variant:normal | small-caps
六,综合设置
使用font开头的属性,针对这种情况,在css中可以有一个比较省的写法
font: font-style || font-variant || font-weight ||& font-size || lint-height& || font-family
使用font属性来设子文字样式
&!DOCTYPE&HTML&PUBLIC&&-//W3C//DTD&HTML&4.01&Transitional//EN&&&&&&&&&&字体样式&&&&http-equiv=&Content-Type&&content=&text/&charset=utf-8&&&&&href=&&&type=&text/css&&rel=&stylesheet&&&&&&&type=&text/css&&&&&&&!--&&&&&&.a{font-style:&font-variant:&small-font-weight:&font-size:&20line-height:&120%;font-family:&宋体;}&&&&&&.b{font:italic&small-caps&bold&20px&/120%&宋体;}&&&&&--&&&&&&&&&&&http-equiv=&Content-Type&&content=&text/&charset=UTF-8&&&&&&&&&&&&&&&&&&Hello&world&&&&&&&&&class=&a&Nice&to&Meet&you&&&&&&&&&class=&b&Good&Bye&&&&&&
在css中可以为文字稍微做修饰,如在文字上面添加下划线,下划线,
1.文字修饰
在css中使用text-decoration属性为文字插件修饰符
设子文字的阴影让字体看上去更加有立体感,设子阴影所用到的属性为text-shadow，语法代码为:
text-shadow:& | color || lenght
九大写写转换
在css中处理css大小写都是通过text-transform属性来完成的,语法代码
在css中可以定义文字与文字之间的距离其中包括行间距
&!DOCTYPE&HTML&PUBLIC&&-//W3C//DTD&HTML&4.01&Transitional//EN&&&&&&&&&&字体样式&&&&http-equiv=&Content-Type&&content=&text/&charset=utf-8&&&&&href=&&&type=&text/css&&rel=&stylesheet&&&&&&&type=&text/css&&&&&&&!--&&&&&&.a{line-height:&}&&&&&&.b{line-height:&1.5;}&&&&&&.c{line-height:&25}&&&&&&.d{line-height:&150%;}&&&&&&.e{line-height:&0.5;}&&&&&&&&&--&&&&&&&&&&&http-equiv=&Content-Type&&content=&text/&charset=UTF-8&&&&&&&&&&&&&&&&&&class=&a&Fir&tiem&i&baby&when&i&saw&your&face&&&&&&&&Fir&tiem&i&baby&when&i&saw&your&face&&&&&&&&Fir&tiem&i&baby&when&i&saw&your&face&&&&&&&&&class=&b&Fir&tiem&i&baby&when&i&saw&your&face&&&&&&&&Fir&tiem&i&baby&when&i&saw&your&face&&&&&&&&Fir&tiem&i&baby&when&i&saw&your&face&&&&&&&&&class=&c&Fir&tiem&i&baby&when&i&saw&your&face&&&&&&&&Fir&tiem&i&baby&when&i&saw&your&face&&&&&&&&Fir&tiem&i&baby&when&i&saw&your&face&&&&&&&&&class=&d&Fir&tiem&i&baby&when&i&saw&your&face&&&&&&&&Fir&tiem&i&baby&when&i&saw&your&face&&&&&&&&Fir&tiem&i&baby&when&i&saw&your&face&&&&&&&&&class=&e&Fir&tiem&i&baby&when&i&saw&your&face&&&&&&&&Fir&tiem&i&baby&when&i&saw&your&face&&&&&&&&Fir&tiem&i&baby&when&i&saw&your&face&&&&&&&&&&&&&&&&&&&
在css中可以通过letter-spacing属性来设子字体间距;对于英文来说字间距是每个字母的距离对中文来说字间距是每个字的距离
&!DOCTYPE&HTML&PUBLIC&&-//W3C//DTD&HTML&4.01&Transitional//EN&&&&&&&&&&字体样式&&&&http-equiv=&Content-Type&&content=&text/&charset=utf-8&&&&&href=&&&type=&text/css&&rel=&stylesheet&&&&&&&type=&text/css&&&&&&&!--&&&&&&.a{letter-spacing:&}&&&&&&.b{letter-spacing:&2}&&&&&&.c{letter-spacing:&10}&&&&&--&&&&&&&&&&&http-equiv=&Content-Type&&content=&text/&charset=UTF-8&&&&&&&&&&&&&&&&&&class=&a&Fir&tiem&i&baby&when&i&saw&your&face&&&&&&&&我是一只鸟&&&&&&&&可怜的娃娃啊&&&&&&&&&class=&b&Fir&tiem&i&baby&when&i&saw&your&face&&&&&&&&&&我是一只鸟&&&&&&&&可怜的娃娃啊&&&&&&&&&class=&c&Fir&tiem&i&baby&when&i&saw&your&face&&&&&&&我是一只鸟&&&&&&&&可怜的娃娃啊&&&&&&&&&&&&&&&&&&
在css中可以使用word-spacing来设置词间距,词间距是针对英文而言的
相关热词搜索：
赞助商链接教你如何用CSS来控制网页字体的显示样式
HTML对于＜font＞内容＜/font＞卷标只有：&＜font&color=colorvalue&size=fontsize&face=字型＞＜/font＞这3种设定，而关于CSS对于＜font＞内容＜/font＞的延伸规格让我们可以对字型的有更详细的设定。对于字型的设定：&font-family:字型名称1,字型名称3,字型名称3等等。显示字型的优先级，若计算机中有安装该字型，便以该字型显示。如果你所设定的字型，client的计算机全部都没有安装，便会已浏览器预设的字型显示：font-size:18pt|120%|xx-small|s-small|small|medium|large|x-large|xx-large& 　　对于字体大小的定义严格来说有2种方式：& 　　1、绝对& 　　如：in&这些大小是固定的，不会因分辨率而改变..& 　　2、相对& 　　如:&%&这些会随着分辨率与目前字号而改变...& 　　font-style:normal|italic|oblique& 　　斜体& 　　font-weight:normal|bold|lighter|bolder|100-900& 　　字体粗细& 　　font-variant:normal|small-caps& 　　英文小写转字体较小的大写& 　　关于以上这些的应用，可以用[CSS套入]的任何一种方式..& 举个例：& 以下是引用片段： ＜html＞&& ＜head＞&& ＜title＞＜/title＞&& ＜style＞&& span&{font-size:20&& font-color:&& font-variant:small=&& }&& ＜/style＞&& ＜/head＞&& ＜body＞&& ＜span＞Dhtml&Asp＜/span＞&& ＜/body＞&& ＜/html＞&& 　　这样子显示的字体便会为20pt大小、紫色、英文小写转成较小的大写了。或者也可以这样设定：& 以下是引用片段： ＜html＞&& ＜head＞&& ＜title＞＜/title＞&& ＜/head＞&& ＜body＞&& ＜span&style="font-size:20font-color:font-variant:small-caps"＞Dhtml&Asp＜/span＞&& ＜/body＞&& ＜/html＞这样子显示的字体同样也是20pt大小、紫色、英文小写转成较小的大写了。
顶一下(0) 踩一下(0)
热门标签：关于CSS样式中，文字对不齐的解决办法
现在做网页前端的，最头痛的就是写DIV样式时出现的各种莫名其妙的情况。
前段时间写一个页面，整体都很不错，确忽略了一个地方，其实也不是现在才忽略，是一直都没注意过。
从图片上看，很明显的右边没有对齐，折腾了半天，总是处理不好，后来总算找到原因。
我在CSS文件的boby里面加了“ text-align:
text-justify:inter-”这两个属性，再刷新看看，是不是解决了呢？希望能帮到需要的朋友^-^
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。