How can you change the font size of an element using CSS?

The font size of an element can be changed using the font-size property in CSS. This property specifically allows you to define the size of the font for any text contained within an element. You can set the size using various units, such as pixels, ems, rems, percentages, and more, giving you flexibility in how the text is displayed on the webpage.

For instance, applying font-size: 16px; will set the font size to 16 pixels, while font-size: 1.5em; scales the text relative to the parent element's font size. This is essential for creating responsive designs that adapt to the display environment.

The other properties mentioned do not affect font size: font-weight adjusts the thickness of the text, font-style changes the style (like italics), and text-align determines how text is aligned within its container (left, center, right, or justify). Understanding the specific roles of these properties is crucial for effectively styling text in web design.