Home > Article > Web Front-end > How to reference css in html
How to reference css in html
- 下次还敢Original
- 2024-04-11 12:54:34925browse
There are three ways to reference CSS in HTML: direct inline reference, external reference and embedded reference. Inline references are suitable for small paragraph styles, external references are suitable for global styles, and embedded references are suitable for customizing individual element styles and have the highest priority.
How to reference CSS in HTML
Direct inline reference:
- Write the CSS code directly in the
<style>tag and place it within the<head>element.
Example:
<code class="html"><head>
<style>
body {
background-color: #f0f0f0;
}
</style>
</head></code>
External Reference:
- ##Create a separate CSS file that contains the styles.
- Reference the file using the
tag in the<head>element.
<code class="html"><head> <link href="style.css" rel="stylesheet"> </head></code>
Embedded quote:
##Place the CSS code in the- style## of the element # in the properties.
-
Example:
<code class="html"><p style="color: red;">你好，世界！</p></code>
Specific use:
Inline quotation:
- Suitable for small paragraphs style or a specific element style.
- External references: Suitable for global styles or complex style sheets.
- Embedded reference: Suitable for situations where you need to customize the style of a single element.
- Priority:
Embedded references have the highest priority, followed by inline references, and finally external references.
The above is the detailed content of How to reference css in html. For more information, please follow other related articles on the PHP Chinese website!