1. 程式人生 > 其它 >CSS(2)

CSS(2)

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