CSS(Cascading Style Sheets)是一種用于樣式化網頁的語言,包括文字的樣式化。下面介紹一些常用的 CSS 文字樣式:
/* 設置字體樣式 */ font-family: Arial, sans-serif; /* 設置優先使用 Arial 字體,如果沒有則使用系統默認的 sans-serif 字體 */ font-size: 16px; /* 設置字體大小 */ font-weight: bold; /* 設置字體粗細 */ font-style: italic; /* 設置字體傾斜 */ /* 設置文字顏色 */ color: #333; /* 使用十六進制顏色值設置文字顏色 */ color: rgb(255, 0, 0); /* 使用 RGB 顏色值設置文字顏色 */ color: rgba(255, 0, 0, 0.5); /* 使用 RGBA 顏色值設置文字顏色,最后一個參數為透明度 */ /* 設置文字對齊方式 */ text-align: center; /* 設置文字居中對齊 */ text-align: left; /* 設置文字左對齊 */ text-align: right; /* 設置文字右對齊 */ text-align: justify; /* 自動調整間距,使每個單詞之間的距離相等 */ /* 設置文字裝飾 */ text-decoration: underline; /* 為文字添加下劃線 */ text-decoration: line-through; /* 為文字添加刪除線 */ text-decoration: none; /* 取消文字裝飾 */ /* 設置文字間距 */ letter-spacing: 2px; /* 設置字符間距 */ word-spacing: 5px; /* 設置單詞間距 */ /* 設置文字轉換 */ text-transform: uppercase; /* 將文字轉換為大寫 */ text-transform: lowercase; /* 將文字轉換為小寫 */ text-transform: capitalize; /* 將每個單詞的首字母轉換為大寫 */ /* 設置文字陰影 */ text-shadow: 2px 2px 2px #333; /* 在文字后面添加陰影,依次為水平偏移量、垂直偏移量、模糊半徑和顏色值 */ /* 設置文字換行 */ word-break: break-all; /* 強制換行,適用于長單詞或長 URL */ white-space: nowrap; /* 禁止文字換行,強制在一行內顯示 */
以上是 CSS 中一些常用的文字樣式屬性,有了它們我們就能更好地控制網頁中的文字樣式了。