Go back to: CSS

2. How do you link a CSS file to an HTML page?

This can be done using the tag within the section of an HTML file. The tag includes the attributes rel, type, and href, which define the relationship of the external CSS file to the HTML document:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>

The rel="stylesheet" attribute indicates that the file is a stylesheet, type="text/css" specifies the file type ( though this is default and optional), and href="styles.css" provides the path to the CSS file.

PREVIOUS QUESTION
QUESTION 2 OF 32
NEXT QUESTION
Related questions
[object Object]-[object Object]
What is BEM (Block Element Modifier) and what are its advantages in structuring CSS?
[object Object]-[object Object]
What are the differences between CSS Grid and Flexbox and when should you use each?
[object Object]-[object Object]
What is the `<meta>` tag and what information can it contain?
  • Interview Questions
    • devFlipCards 2024

    Do you accept cookies?

    Cookies are small amounts of data saved locally on you device, which helps our website - it saves your settings like theme or language. It helps in adjusting ads and in traffic analysis. By using this site, you consent cookies usage.