行距是CSS中用于控制文本之間距離的一種屬性。在HTML和CSS中,行距可以用于調整文本的大小和間距,使文本更易讀和更具可讀性。
行距可以通過設置字體大小、字體樣式和段落間距來實現。下面將介紹如何使用CSS調節行距。
1. 字體大小
CSS中的字體大小屬性可以控制文本的大小。使用這個屬性,可以設置字體的字體名、字號和字重。例如,將字體大小設置為16號,字重設置為1,可以設置文本的大小為16px。
2. 字體樣式
CSS中的字體樣式屬性可以控制文本的字體、顏色、樣式和其他屬性。例如,將字體樣式設置為“body {font-family: Arial, sans-serif; font-size: 16px; color: blue; }”,可以設置文本的顏色和字體樣式。
3. 段落間距
CSS中的段落間距屬性可以控制文本之間的間距。使用這個屬性,可以設置段落的間距、行距和段前距。例如,將段落間距設置為20像素,可以設置文本之間的間距為20px。
下面是一些示例代碼,展示如何使用CSS調節行距:
body {
font-family: Arial, sans-serif;
font-size: 16px;
.parent {
width: 400px;
padding: 20px;
background-color: blue;
.child {
width: 200px;
padding: 10px;
background-color: green;
在這個示例中,`.parent`元素是一個段落,`.child`元素是一個單詞。通過使用段落間距屬性,可以調整文本之間的間距。在這個示例中,`.child`元素的段落間距是10px,單詞之間的間距是5px。
使用CSS調節行距可以使文本更具可讀性,并可以根據不同的需求進行調整。