CSS(Cascading Style Sheets)是前端開發過程中不可或缺的一部分,它可以用來控制網頁的樣式表現。其中,文本樣式是網頁中最基本且常見的樣式之一,以下是 CSS 文本樣式代碼大全。
/* 字體樣式 */ font-family: [字體1], [字體2], ...; /* 字體族 */ font-size: [值][單位]; /* 字號 */ font-weight: [值]; /* 字重 */ font-style: [值]; /* 斜體 */ /* 字體族 */ font-family: "Arial", "Helvetica", sans-serif; /* 常用無襯線字體族 */ font-family: "Times New Roman", serif; /* 常用襯線字體族 */ /* 字號 */ font-size: 14px; /* 指定像素值 */ font-size: 1.5em; /* 相對于父元素字體大小 */ /* 字重 */ font-weight: normal; /* 正常 */ font-weight: bold; /* 粗體 */ /* 斜體 */ font-style: normal; /* 正常 */ font-style: italic; /* 斜體 */
/* 文本顏色 */ color: [顏色值]; /* 填寫顏色名稱、十六進制、rgb()或rgba() */ /* 背景顏色 */ background-color: [顏色值]; /* 同文本顏色 */ /* 文本對齊 */ text-align: [值]; /* left、right、center、justify */ /* 文本縮進 */ text-indent: [值][單位]; /* 指定像素值 */ /* 文本裝飾 */ text-decoration: [值]; /* underline(下劃線)、line-through(刪除線) */ /* 行高 */ line-height: [值][單位]; /* 指定像素值或百分比 */
需要注意的是,CSS 文本樣式代碼的繼承是有限制的,例如字體家族和字號會被繼承,但字重、斜體、顏色、背景色不會。
除此之外,在編寫 CSS 時應當盡量避免使用內聯樣式,而是把樣式寫在外部樣式表文件中,以便提高代碼可維護性和重用性。
下一篇css文字溢出水平