CSS (Cascading Style Sheets) is a style sheet language that is used to describe the visual style and layout of web pages. It provides a way to separate the presentation of a web page from its structure and content, allowing developers to create a consistent and visually appealing design for their websites.
h1 {
font-size: 24px;
color: #333333;
}
In this rule, we start with the selector h1 , which matches all h1 elements in the web page. We then define two declarations: font-size sets the font size to 24 pixels, and color sets the text color to a dark gray ( #333333 in hex notation).
To use this rule in a web page, we would typically save the code in a separate file with the extension .css, and then include it in our HTML document using a link element in the head section:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Welcome to my website</h1>
<p>This is a paragraph of text.</p>
</body>
</html>
In this HTML document, we include the css file style.css using a link element. This links rules defined in style.css to the HTML document, allowing the h1 elements to be displayed with the font size and color specified in the rule.