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

2023-03-17 00:50:01html-css010

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

考虑到用frontpage制作网页的人较多，同时它对其他网页编辑器的使用者也有一定的借鉴作用，

我们可以用css设置出无数种网页字体，但万变不离其宗，任何的变化都要遵循css的基本语法。因此我们先来了解一下css的基本语法，它是这样子的：HTML 标志 { 标志属性：属性值；标志属性：属性值；标志属性：属性值；…… }。设置字体时，只要正确的更改字体属性的属性值，就可以达到目的。字体属性共分五种：字族（font-family）、字体风格（font-style）、字体变形（font-variant）、字体加粗（font-weight）、字体大小（font-size），此外font属性是一个总体属性，可一一指定以上各种属性和属性值。它们的功能与属性值如下：

1、字族（font-family）

功能：通过font-family指定字体类型用于改变HTML标志或元素的字体，你可设置一个可用字体清单。浏览器由前向后选用字体。其语法为：h1 {font-family: 字体类型，字体类型，字体类型} 2、字体风格（font-style)

功能：使文本显示为扁斜体或斜体等?属性值：normal-普通、italic-斜体、oblique-偏斜体语法为：h1{font-style:属性值} 3、字体变形（font-variant）

功能：使文本中的小写字母显示为字体较小的大写字母，常用于设计特殊的标题。属性值：normal（普通）和small-caps（小型大写字母）语法为：h1{font-variant:属性值} 4、字体加粗（font-weight）

功能：用于设置字体笔划的粗细。

网站字体分为两种类型，一种是默认字体，一种是外部字体。

默认字体

如果整个网页都要弄成宋体的话就将body定义为宋体即可，即在样式表中加入：body{font-family:"宋体"}，如果只要一部分为宋体，那将那一部分的层的字体样式定义为宋体就行了。

默认的字体有宋体、楷体、黑体、新宋体、仿宋等。

外部字体

样式表中嵌入外部字体，用@font-face语法。

@font-face{font-family:namesrc:<url>sRules}

<name>：为自定义字体名称

<url>：使用绝对或相对地址指定OpenType字体

<sRules>：样式表定义

如：

@font-face{

font-family:YH

src:url(http://www.xxx.com/xxx.ttf)

}

然后再设置需要变换字体的样式即可，如：body{font-family:YH}，字体名称是上述所说自定义好的名称。

你的css是写在哪儿的?

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

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

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

*{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>

//用了上面的class样式

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

</tr>

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