1.文本
1.1 文本顏色 （color:xxx）
- 示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>蜀</title>
<style>
body {color:red;}
h1 {color:#00ff00;}
p.ex {color:rgb(0,0,255);}
</style>
</head>
<body>
<h1>這是標(biāo)題 1</h1>
<p>這是一個普通的段落掀序。請注意,本文是紅色的财饥。頁面中定義默認(rèn)的文本顏色選擇器换吧。</p>
<p class="ex">這是一個類為"ex"的段落。這個文本是藍(lán)色的钥星。</p>
</body>
</html>
-
顯示
image.png
1.2 文本對齊（text-align）
- 居中
text-align:center;
- 右對齊
text-align:right;
- 兩端對齊
text-align:justify;
1.3 上/中/下劃線（text-decoration）
- 上劃線
text-decoration:overline;
- 中劃線（刪除線）
text-decoration:line-through;
- 下劃線
text-decoration:underline;
- 不劃線（如超鏈接）
text-decoration:none
1.4 大小寫轉(zhuǎn)換（text-transform）
- 小寫轉(zhuǎn)大寫
text-transform:uppercase;
- 大寫轉(zhuǎn)小寫
text-transform:lowercase;
- 首字母大寫
text-transform:capitalize;
1.5 文本縮進(jìn)（text-inden）
text-indent:50px;
2. 字體
2.1 字體系列（font-family）
font-family:xxxx,"xx xx",xxxx;
說明：
可以定義幾個沾瓦，后邊是備用
空格或漢語要加引號
2.2 字體樣式（font-style）
- 正常顯示
font-style:normal;
- 斜體
font-style:italic;
2.3 字體大小（font-size）
- 用像素設(shè)置
font-size:40px;
- 用em設(shè)置（1em = 16px）
font-size:2.5em;
- 用百分?jǐn)?shù)定義
font-size:50%;
2.4 字體加粗（font-weight）
font-weight:normal;
font-weight:lighter;
font-weight:bold;
font-weight:800;
2.5 變體和正常體（font-variant）
font-variant:small-caps;
font-variant:nomal;
-
顯示示例
image.png
