CSS (Cascading Style Sheets) is a style sheet language commonly used in web design. It can control the style of web pages, including fonts, colors, sizes, layouts, etc., making web pages more readable and beautiful. . To use CSS, you need to introduce the CSS file into the HTML file. Three methods of introducing CSS will be introduced below.
1. Inline style
Inline style is a method of writing CSS styles directly inside HTML element tags. The advantage of this approach is that it can be styled on a single HTML element, but it can become very verbose and repetitive if you want to apply the same style on multiple elements. The syntax of inline style is as follows:
<p style="color: red;">这是红色文本</p>
Among them, the style attribute is used to define the style. The style attribute and value are separated by colons, and multiple attributes are separated by semicolons.
2. Internal style sheet
The internal style sheet is to write the CSS style in the <style># of the
tag of the HTML file. ## Inside the tag. This method is suitable for situations where multiple elements within an HTML file share styles. The syntax of the internal style sheet is as follows: <!DOCTYPE html>
<html>
<head>
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>这是红色文本</p>
</body>
</html>