針對文字的設定所需要調整的屬性常見的如下

文字相關

• font-family：可以設定多個，以 , 區分，從第一個開始套用，因此後面會是通用字體
• font-size：設定字型大小，如 16px
• line-hight：設定行高，如 1.5 表示 font-size 的 1.5 倍
• text-align：對齊方式，如 left 或 center
• text-indent：開頭空格大小，如 32px
• text-decoration：底線如 underline 或是刪除線 line-through
• letter-spacing：字元間距，字與字之間的距離，如 2px

邊界 border

為標籤周圍加上邊界，基本的寫法如下:

h1{
    border: 5px solid blue;
    /*      粗細 樣式  顏色*/
}

樣式通常只會用到 solid(實線)，其他樣式還有 dashed(虛線)、dotted(點點)
只有樣式是必填欄位。粗細不指定預設是 3px；顏色部分會套用選擇器的顏色

水平置中

這裡講的是「元素」的水平置中，也就是將這個標籤內的東西全部水平置中，語法如下

.box {
    margin-left: auto;
    margin-right: auto;
}

效果是無論瀏覽器的寬度如何改變，元素都會在瀏覽器的正中間

如果要置中的是「文字」則是用 text-align: center 這個屬性，但要注意作用的範圍，下面舉例：

<div class="box">
    <p>段落</p>
</div>

.box {
    width: 200px;
    height: 200px;
    border: 10px solid;

    margin-left: auto;
    margin-right: auto;
    
    text-align: center; /*嘗試將段落置中*/
}

如果我將 text-align 加在 .box 當中是不會起作用的，必須加在真正持有文字的 p 才有作用。