CSS(2)
阿新 • • 發佈:2022-03-06
1.美化網頁元素
1.1 為什麼要美化網頁
-
-
有效的傳遞頁面資訊
-
美化頁面,頁面漂亮,才能吸引使用者
-
凸顯頁面的主題
-
提高使用者的體驗
-
span標籤:重點要突出的字,使用span套起來
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>span</title>
<style>
#one{
font-family: 華文楷體;
font-size : 50px;
color: aqua;
}
</style>
</head>
<body>
<h1>努力學習<span id="one">Java</span></h1>
</body>
</html>
1.2 字型樣式
-
-
font-family: 字型
-
font-size: 字型大小
-
font-weight: 字型粗細
-
color: 字型顏色
-
1.3 文字樣式
-
-
顏色 color 單詞 RGB 0~F RGBA A:0~1
-
文字對齊的方式 text-align:center 排版,居中
-
首行縮排 text-indent:2em 段落首行縮排
-
行高 line-height:300px 行高,和塊的高度一致,就可以上下居中
-
裝飾 text-decoration:none 去掉下劃線
-
文字圖片水平對齊: vertical:align:middle
-