文字屬性注意的細節：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML5+CSS3</title>
<style>
p {
/*font-family: "unknow font","Microsoft Yahei";*/
font-family: "Times New Roman","Microsoft Yahei";
}
</style>
</head>
<body>
<!--
1：如果設置的字體不存在，那么系統會使用默認的字體來顯示宋體
2：如果設置的字體不存在，而我們又不想用默認的字體來顯示怎么辦？
可以給字體設置備選方案：font-family: "unknow font","Microsoft Yahei";
3：如果想給中文和英文分別設置單獨的字體，怎么辦？
但凡是中文字體，里面都包含了英文；但凡是英文字體，里面都沒有包含中文
也就是說中文字體可以處理英文，而英文字體不能處理中文
所以英文字體的設置要寫在中文字體設置的前面：font-family: "Times New Roman","Microsoft Yahei";
補充：在企業開發中最常見的字體有以下幾個：
中文：宋體 (SimSun)/黑體(SimHei)/微軟雅黑 (Microsoft YaHei)
英文："Times New Roman"/Arial
以上字體，在操作系統中默認就有
因為中文字體其實都有自己的英文名稱，所以是不是中文字體主要看能不能處理中文
-->
<p>ABC這是一個段落</p>
</body>
</html>
文字屬性的縮寫格式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML5+CSS3</title>
<style>
p {
/*font-style:italic;
font-weight:bold;
font-size:10px;
font-family:"Microsoft YaHei";*/
font:italic bold 10px "Microsoft YaHei";
}
</style>
</head>
<body>
<!--
p {
font-style:italic;
font-weight:bold;
font-size:10px;
font-family:"Microsoft YaHei";
}
縮寫的格式為：
p {
font:italic bold 10px "Microsoft YaHei";
}
注意點：
1：在縮寫格式中有的屬性值可以省略，如：style , weight屬性
2：在縮寫格式中style和weight的位置可以互換
3：size與family兩個屬性不能省略且位置不能互換，size屬性一定寫在family的前面
-->
<p>ABC這是一個段落</p>
</body>
</html>
文本相關屬性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML5+CSS3</title>
<style>
p {
text-decoration:underline;
}
a {
text-decoration: none;
}
.right {
text-align: right;
}
</style>
</head>
<body>
<!--
1：文本裝飾的屬性
text-decoration:underline;
該屬性的取值如下：
underline：下划線
line-through：刪除線
overline：上划線
none：常見用途就是去掉超鏈接的下划線
2：文本水平對齊的屬性
text-align: right;
取值：
right：右
left：左
center：居中
3：文本縮進的屬性
text-indent: 2em
取值：
2em：em是單位，一個em代表縮進一個文字的寬度
-->
<u>這是帶下划線的文字</u>
<s>這是帶刪除線文字</s>
<o>這是帶刪除線文字</o>
<p class="right">靠右對齊的文字</p>
<p>這是段落</p>
<a href="">超鏈接</a>
</body>
</html>
