CSS设置全局字体

html-css023

CSS设置全局字体,第1张

1、我们选择将我们的样式全部建到一个CSS文档中，通过调用CSS文件来加载样式。

2、在头部调用CSS文件样式。

3、对于CSS，我们最常用的是通过class或是标签名来控制样式。

4、我们控制字体样式使用的font。

5、比如我们要设置字体的大小，那么我们可以使用font-size,来进行设置。

6、如果我们需要设置字体样式，那么我们可以使用font-family。

7、如果我们需要给字体加粗，那么我们可以使用font-weight。

8、在设置字体过程中，除了font常用外，其次比较常用的就是text了，我们可以利用text,设置字体的一些其他样式，比如text-align可以设置文字的对齐方式。

9、而text-decoration可以清理或是设置不同样式的下划线。我这里利用text-decoration:none去掉了下划线。

10、如果您定义的容器比文字的宽度小，那么可以设置overflow:hidden，当溢出后，便会自动隐藏其溢出的内容。

11、font-style可以设置字体的样式。

代码：

效果：

原理：

color:#00FF00设置字体颜色

font-size:16px设置字体大小

font-family:"微软雅黑"设置字体

考虑到用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）

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