Very Short Question and Answers - Font and Text

The 'font-family' property sets the type of font used in the text on a webpage.

You can use common fonts like Arial, Times New Roman, Verdana or generic font families like serif, sans-serif, monospace.

The browser tries to use the first font listed, and if it is not available, it uses the next font in the list as a fallback.

The 'font-style' property is used to make the text italic, normal, or oblique (angled style).

normal for regular text, italic for slanted text, and oblique which is similar to italic but less common.

p { font-style: italic; }

'font-size' sets the size of the text.

The units are pixels (px), em, and percentage (%). CBSE Class 10 mostly uses pixels (px).

p { font-size: 20px; }

'font-weight' controls the thickness or boldness of the text.

normal for regular weight, bold for bold text, bolder for more bold, and lighter for less bold.

h2 { font-weight: bold; }

'text-align' controls the horizontal alignment of text inside an element.

left aligns text to the left, center centers the text, right aligns text to the right, and justify spaces the text evenly like in newspapers.

p { text-align: center; }

It styles paragraph text to use Verdana font, makes it italic, sets the size to 18 pixels, makes it bold, and centers the text.

The semicolon separates each property declaration, ensuring that the CSS code is parsed correctly.

Curly braces enclose the set of CSS properties and values for a particular selector.

Example: h1 { font-family: "Times New Roman", serif; } If 'Times New Roman' is not available, the browser uses a generic serif font as a fallback.

'Oblique' is a slanted version of normal text similar to italic but less common. Italic is more stylized and widely used, whereas oblique is a simple slant.