Home >Web Front-end >CSS Tutorial >How to Link a CSS File to an HTML File?
How to Link a CSS File to an HTML File?
- Patricia ArquetteOriginal
- 2024-12-03 13:32:09409browse
How to link a CSS file from HTML file? [duplicate]
In HTML, you can link a CSS file to style your web page using the tag. Here's how you can do it:
- Create a CSS file with the .css extension.
- Save the CSS file in the same directory as your HTML file.
-
In your HTML file, add the tag inside the
section:<head> <link rel="stylesheet" href="newcssstyle.css" type="text/css"> </head>
Make sure to replace "newcssstyle.css" with the name of your CSS file. The rel attribute specifies the relationship between the HTML file and the linked file. The stylesheet value indicates that the linked file is a stylesheet. The href attribute specifies the path to the CSS file.
If your link is not working, check the following:
- Ensure that the rel attribute is set to "stylesheet".
- Verify that the CSS file is in the same directory as the HTML file.
- Use the correct file path in the href attribute.
- If the CSS file is in a subdirectory, use the relative path in the href attribute.
Remember to save your HTML file and refresh the page to see the applied styles.
The above is the detailed content of How to Link a CSS File to an HTML File?. For more information, please follow other related articles on the PHP Chinese website!