How to link html and css-HTML Tutorial-php.cn

How to link html and css

下次还敢

Release： 2024-04-11 05:59:45

Original

976 people have browsed it

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 and css

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>
```
Copy after login
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>
```
Copy after login
- 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!