CSS是一種用來指示HTML元素展現方式的語言。除了面向文本格式的定義,CSS可以改變網頁中元素的顏色、大小、位置等很多方面。其中,字間距(code: letter-spacing)是CSS中一個非常有用的屬性,可以讓文本在頁面上更加美觀,排版更加整齊。
{ letter-spacing: 0.2em; }
在上面的代碼段中,我們使用了CSS屬性letter-spacing來給字體指定了一個同樣大小的間距值,使字體的所有字符之間都有一定的距離。上述代碼中指定的值為0.2em, 它表示行內字體的每個字符之間有0.2倍當前字體大小的空隙。
如果letter-spacing的值為正數,文本中的每個字符都會向右移動指定的像素數;如果letter-spacing的值為負數,文本中的每個字符都會向左移動指定的像素數。
舉個例子,如果我們使用下面的CSS代碼:
span { letter-spacing: 4px; }
將會得到一段間隔較大的文本,其中的字符被分隔開。反之,如果我們使用下面的CSS代碼:
span { letter-spacing: -2px; }
將會得到一個非常緊密的文本,所有的字符會像黏在一起一樣,展示在頁面上。
字體間距在排版中非常重要,我們在設計網頁的時候一定要多加考慮,用合適的間距值來讓文本變得更美觀、更整齊。
上一篇css里的定位常用嗎
下一篇css里的屬性值