css字体这样写有啥区别

html-css08

css字体这样写有啥区别,第1张

如果访问者电脑里有arial 字体(网页中的英文),如果中文就是Hiragino sans GB,没有Hiragino就是微软雅黑,在后来最后就变成sans-seri字体和它类似的font-family。

这样写非常安全,基本都是内置字体。

在任何电脑(pc或是mac)或者是平板都包含了。

P.S. 说起字体,我就想哭啊,中文好看的字体没几个啊。

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

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

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<script>标签中,输入js代码:

$('td').click(function () {

$('td').css('font-weight', 'normal')

$(this).css('font-weight', 'bold')

})

3、浏览器运行index.html页面,点击“我是A”,此时字体会变粗。

4、再点击“我是B”,此时“我是A”的字体粗度恢复正常,“我是B”的字体变粗。