html:(32):字体，字号，颜色

文字排版--字体

我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子，下面代码实现：为网页中的文字设置字体为宋体。

body{font-family:"宋体";}

这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）
现在一般网页喜欢设置“微软雅黑”，如下代码：

body{font-family:"Microsoft Yahei";}

或

body{font-family:"微软雅黑";}

注意：第一种方法比第二种方法兼容性更好一些。

因为这种字体即美观又可以在客户端安全的显示出来（用户本地一般都是默认安装的）。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>认识html标签</title>
<style type="text/css">body{font-family:"Microsoft Yahei";}
</style>
</head>
<body><h1>勇气</h1><p>三年级时，我还是一个<span id="stress">胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p><p>到了三年级下学期时，我们班上了一节公开课，老师提出了一个很简单的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。</p>
</body>
</html>

运行结果

文字排版--字号、颜色

可以使用下面代码设置网页中文字的字号为12像素，并把字体颜色设置为#666(灰色)：

body{font-size:12px;color:#666}

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>字号、颜色</title>
<style type="text/css">
body{font-size:12px;color:#666;}
.stress{font-size:20px;color:red;}
</style>
</head>
<body><h1>勇气</h1><p>三年级时，我还是一个<span class="stress">胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p><p>到了三年级下学期时，我们班上了一节公开课，老师提出了一个很简单的<span>问题</span>，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。</p>
</body>
</html>

运行结果

html:(32):字体，字号，颜色相关推荐

Markdown 语法示例字体字号颜色
# markdown语法实例 1 1 markdown语法实例 [TOC] 生成目录 1 1 markdown语法实例强调分割线引用标题Setext方式大标题小标题标题Atx方式一级标 ...
Latex系列3---页面设置+字体字号+颜色符号
上一节中阐述的是简易的文本,本节在此基础上进行完善加工. 页面设置页边距在平时写文章的时候,其实对于页边距的要求不高,但是论文这种就比较的严格. 调整页边距需要使用\usepackage{geom ...
在线编辑文档—字体字号颜色设置
1.字体.字号.颜色设置方法!! 直接将你要改变的文本内容替换在下边程序语句中的 "文本内容" <font face="黑体">文本内容</f ...
html字体字号颜色怎么设置,html字体样式大全 html怎么改变字体大小和颜色
网页字体样式华文黑体:STHeiti 网页字体样式华文楷体:STKaiti 网页字体样式华文宋体:STSong 网页字体样式华文仿宋:STFangsong 网页字体样式黑体:SimHei 网页字体样式 ...
MATLAB 一幅图两个纵坐标（附带功能：设置字体、颜色、字号、坐标轴显示范围、显示间隔、加百分号）
plot一幅图,有两个变量,共用一个自变量,各有各的纵轴标度,想画在一幅图里网上查的有两种思路: 1.plotyy 2.yyaxis 个人推荐第2种:yyaxis(亲测在2016b版本中可以用,据说 ...
csdn博客中改变文章字体，颜色和字号的方法
csdn博客用的是Markdown编辑,所以想要改变文字的属性是需要敲代码的,而我们的需求很简单,只想要改字体,颜色和字号.所以对于Markdown的代码规则不用全部掌握,用到哪一块功能就使用哪一块功 ...
Markdown修改文字样式（字体, 大小, 颜色, 高亮底色）
Markdown修改文字样式(字体, 大小, 颜色, 高亮底色) 简介字体.字号与颜色表格样式设置背景色.文字颜色跨行表格想要了解更多颜色名列表原文参考链接简介 Markdown是一种 ...
visio 2010 修改默认字体字号大小方法
哈哈,我这是标题党,先给大家泼个冷水.Visio2010 并不支持对一次性地修改绘图中所有图形的字体大小! 但可以有一个比较笨的方法解决. 1.新建一个模具 2.将常用的图形放到这个模具中 3.对每个 ...
qt4.7 字体字号设设置;中文乱码，
如果想用otf字体,要加上如下的话: QFontDatabase::addApplicationFont("MYoungHKS-Medium.otf"); font.set ...
Java读取word文件，字体，颜色
在Android读取Word文件时,在网上查看时可以用tm-extractors,但好像没有提到怎么读取Word文档中字体的颜色,字体,上下标等相关的属性.但由于需要,要把doc文档中的内容(字体,下 ...

html:(32):字体，字号，颜色

文字排版--字体

文字排版--字号、颜色

html:(32):字体，字号，颜色相关推荐

最新文章

热门文章