Home >Web Front-end >HTML Tutorial >How to link html and css

How to link html and css

下次还敢Original: 2024-04-11 05:59:451042browse

The method to link an HTML page with a CSS file is to create a CSS file and define style rules. Add a <link> tag to the <head> section of the HTML page to specify the path to the CSS file. Use the rel="stylesheet" attribute to specify the link type and the href="mystyle.css" attribute to specify the CSS file path.

How to link HTML with CSS

In order to link HTML pages with CSS files, you can use <link> Tag:

<link rel="stylesheet" href="mystyle.css">

This tag is placed on the HTML page <head> section.

Detailed steps:

Create CSS file:
- In the website directory Create a new file, for example mystyle.css.
Define CSS style:
- In the mystyle.css file, write the CSS style Rules to style HTML elements. For example:
```
<code class="css">body {
  font-family: sans-serif;
}

h1 {
  font-size: 2em;
  color: blue;
}</code>
```
Link the CSS file with the HTML page:
- In the < of the HTML page Within the head> section, add the <link> tag:
```
<code class="html"><head>
  <link rel="stylesheet" href="mystyle.css">
</head></code>
```
- rel="stylesheet" attribute specifies that this is a Style sheet file.
- href="mystyle.css" property specifies the path to the CSS file.

Note:

##<link> The tag must be placed in <head> section because the browser reads the CSS before rendering the HTML page.
Multiple CSS files can be linked, using a separate
<link> tag for each file.

The above is the detailed content of How to link html and css. For more information, please follow other related articles on the PHP Chinese website!

css html href 样式表

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：How to link css files in htmlNext article：How to link css files in html

See more

How to link html and css

Related articles