<html>
<head>
<style>
#round{
width:400px
height:200px
}
#round p{
color:#f00 //设置字体颜色为红色；
}
</style>
</head>
<body>
<div id="round">
<p>测试文字</p>
</div>
</body>
</html>
1、定义要设置的文字范围，并用span标签包围
2、编写span的class，定义color属性。
html代码如下：
<p>这是一个测试 <span class="redText">颜色</span>的例子</p>
css编写如下：
.redText
{
color: red
}
html5和html的区别
1.HTML和HTML5都是HTML，只不过通常我们说的HTML只的是HTML4.0版本或者之前的版本，而HTML5是w3c发布的最新的HTML版本，也就是说HTML和HTML5是HTML的不同版本。
2.首先介绍一下HTML是什么，HTML的专业定义是超文本标记语言，所谓的超文本就是不只是文本，还有图片、音频、视频等等都是可以的标记的，HTML语言是浏览器执行的，用于告诉浏览器要显示什么和如何显示，通俗的讲就是告诉浏览器以什么样的板式样式来显示我们的超文本内容，我们平时的网页就是HTML结合一些其他的语言制作的。
3.HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式。
4.html5除了更加适合开发移动端还有很多新的特性如：
5.语义特性，HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。
6.本地存储特性，基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB（html5本地存储最重要的技术之一）和API说明文档。
7.设备兼容特性 ，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。
8.三维、图形及特效特性，基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。
9.CSS3特性，在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。此外，较之以前的Web排版，Web的开放字体格式（WOFF）也提供了更高的灵活性和控制性。等等。
face="宋体"引号得是英文输入法下的引号。
字体"隶书"得在你的电脑系统中装上才能显示。
"楷体-gb2312"应写成"楷体_GB2312"
像上面这样做就会有效果了。
在HTML5的规范中，<font>元素已不再推荐使用了。
可在其它元素中插入样式。(style)
所以你给出的代码可写成如下：
=======================================================
<p style="font-family:宋体" >设置字体为宋体</p>
<p style="font-family:隶书" >设置字体为隶书</p>
<p style="font-family:楷体_GB2312" >设置字体为楷体-gb2312</p>
========================================================
<p></p>也可改用<div></div>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）