如何用css设置网页字体[多图]

html-css013

如何用css设置网页字体[多图],第1张

最好是使用大多数人的机器上可能有的常见的truetype字体。

Arial、Times Roman、Courier、Verdana和Century Gothic是常见的字体,中文里面Windows自带宋体、黑体及楷体。

如果你使用不常见的字体,不要忘记为没有此字体的浏览器指定替代的字体。

通过css设置font-family来制定字体集,浏览器可以顺序查找使用你制定的一系列字体,让你的页面看起来还不错。

・装饰性字体组好只用于标题。然后用css的font-family指定缺省字体。

・不要过分地使用字体,在同一页面中不要使用太多不同的字体。

通常使用两种字体就足够了:一种用于标题,一种由于文本。

某些字体组合常常无法工作。例如,不要再同一页面中使用script和斜体字体,不要在同一页面中使用一种以上的装饰性字体。

・尝试使用相同字型的不同浓淡度使页面更有趣。

如果你的页面相当乏味,没有图像,那么尝试设置促体的浓淡度(通过css的font-weight特性),这会使页面更生动。使用不用的浓淡度不仅可以使页面更吸引人,它还是组织信息的最有效的方法之一。

・不要在同一页面中放两种sans serif字体,除非你确实知道在做什么。

如果你要在同一页面中使用两种字体,它们应该来自两种不同的字型类别。

・不同的操作系统及浏览器中pt字会不一样大。

pt(磅)最早是用于印刷的字号,在windows和mac os里面,相同的pt值会对应不同的px(像素)值。唯一可靠的单位,就是px。

・设置字号的时候,要考虑好来你的网站的客人会是什么样的人?

如果你设置了固定的字号,比如12px,那么,对于普通浏览者来说,这是没什么问题的,但是如果你的网站的浏览者包括老人和视力有问题的人群,那么这个尺寸就太小了,最好提供个他们可以选择页面字体的权利。

你的css是写在哪儿的?

1.写在外链的css文件中,则记得在<head></head>里面添加外链代码

<link href="style.css" rel="stylesheet" type="text/css">

其中style.css是你外部css文件名

2.写在html页面的<head></head>里面

<style type="text/css">

*{font-size:10px} //通配符是用于定义网页所有标签的样式

body{font-size:10px} // 这个样式是用于定义body中的标签样式

//在html中,一般以上两种定义字体大小的方法都可以,*定义的范围会比较广一点, 你会发现很多网页有这么一行代码

*{margin:0padding:0} //这个是用于更改ie的3像素bug

</style>

3.二楼给的写法

<body style="font-size:12px">也是定义标签样式的一种方法,一般没学过css的初学者这样定义样式是比较方便的,但这样写管理起来很麻烦,代码冗杂,又长又臭,特别是代码多了以后,想修改就更麻烦了,而且代码也不美观,还可能会影响浏览速度....所以还是建议使用上面两种比较好,熟练以后就用第一种

4.其实还有很多定义样式的方法,网上找找资料,慢慢学习,不难的

你说的控制多层嵌套的表格,其实你可以给你要控制的单元格加个id或者class,

然后把他们的样式写进css里面

我简单写一下,嵌套就不写了,最讨厌表格了,实在是太麻烦了

<tr>

<td class="type01">文字是红色的,14px</td> //class定义的样式可以多次用

<td id="type01">文字是黑色的,11px</td> //id定义的样式只对一个标签有用

</tr>

<tr class="type01">

//用了上面的class样式

<td>这里面的文字是红色的,14px</td>

</tr>

在样式表中这样写他们的样式

①.type01{ color:#FF0font-size:14px} //class="type01"的标签

#.type01{color:#000font-size:11px} //id="type01"的标签

// 写进css文件里面

<style type="text/css">

.type01{ color:#FF0font-size:14px} //class="type01"的标签

#type01{ color:#000font-size:11px} //id="type01"的标签

</style>

③可以不用定义样式的id,class,直接在标签中写样式,比较麻烦,简写

<tr>

<td style=" color:#FF0font-size:14px">文字是红色的,14px</td>

<td style=" color:#000font-size:11px">文字是黑色的,11px</td>

</tr>

不多说了,再说,就像臭婆娘的袜子了,又长又臭