Coding for Beginners: Line-Height
Line-height is used to set the height of each line of text.
To understand line-height, let's review this illustration of typeface terminology. The baseline is where the letters sit. The cap height is the distance between the baseline to the top of flat capitalized letters. Ascenders are letters that extend above the cap height while descenders extend below the baseline.
When you have two lines of text, the leading was the distance between the descender of the line above to the ascender of the line below.
The term "leading" came from when typography was set with metal type. Strips of lead were placed between the lines of metal type. The greater the leading, the more spacing between lines of type.
The line-height is the closest to the concept of leading with web typography. The font-size is the distance between the ascender and the descender. The line-height is the distance between the descender and the descender of the line of type above. The difference between the font-size and the line-height is the leading. So by adjusting the line-height, we adjust the spacing between lines of text.
Just like font-size, it can take many length and size units. However, it can also take a unitless value that will act as a multiplier and is often the best option.
By using a unitless value, the font-size is multiplied to result in the line-height.
The purpose of setting the line-height is to space apart lines of text to make them easier to read. A typical value is 1.3 to 2 (the equivalent to double-spacing).
Jumpstart Your Learning of HTML and CSS is now LIVE! If you’ve been enjoying The Daily Code Snippet and want to accelerate your learning of HTML and CSS, be sure to check out this workshop: [ Ссылка ]
In this coding bootcamp, you will not only learn about code but also have hand’s on practical and by the end of the course, you will have coded your first web page. This course is suitable for beginners as we go over the basics. The course does touch upon topics that may be more familiar to those who are designers. This may be helpful to those who want to learn how to create websites with design in mind.
