整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

html开发笔记08- 字体样式与颜色(标签的属性)

、标签的分类:双标签和单标签

双标签:就是成对出现的,类似于这种 <html> </html>

单标签:就是可以单个使用的,类似于 <br> 换行标签 或 <hr>水平线标签。

二、标签属性的作用:

标签的属性是用来定义文字或字符的 颜色、宽高、粗细、大小、等,这个是标签属性的作用。


三、标签属性的特性:

1、每一个标签都有自己的属性,单标签和双标签都有。

2、一个标签可以有多个属性。

3、每个属性都有对应的值,值要用单或双引号引起来。

4、多个属性之间使用空格隔开。

5、属性没有顺序之分。

6、字体属性值,必须是系统可以识别的字体,一般为系统自带字体。

7、HTML5 中 font 属性已经弃用。

源代码:↓

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<!--网页抬头-->

<title>中央气象局</title>

</head>

<body>

<!--水平线的宽度是500像素,这个width就是标签属性-->

<hr width="500">

<!--下面这个是多个标签属性,多个属性之间用空格隔开-->

<font color="red" face="黑体" size="7">标签属性</font>

</body>

</html>

TML 样式实例 - 背景颜色

background-color 属性为元素定义了背景颜色:

<html>
<body style="background-color:yellow">
<h2 style="background-color:red">This is a heading</h2>
<p style="background-color:green">This is a paragraph.</p>
</body>
</html>

HTML样式:好看的颜色字体是有方法的

文旨在展示三步法完成 Oxygen Webhelp 定制字体的实现工艺。如果您是 Oxygen 编辑器用户,本文适合您阅读。

输入


处理

  1. 实现定制字体 CSS
@charset "UTF-8";
@namespace p "http://www.oxygenxml.com/extensions/publishing/dita/css/params";
@font-face {
font-family: 'BMW';
font-style: normal;
src: url('BMWGroupTNCondensed-Regular.otf') format('opentype');
}
body {
font-family: 'BMW', sans-serif;
}
  1. 调用模板 Webhelp Responsive


  1. 调用两个关键参数

结果




如果感兴趣请联系我们。