CSS combined with HTML

CSS is combined with HTML in 4 ways:

1. Each HTML tag has a style attribute

2. When more than one label in the page has the same style, you can define a style label to wrap the styles to reuse

<style type= "text/css" >CSS code </style>

3. When multiple pages use the same style, you can encapsulate the style individually as a CSS file import

<style type= "text/css" > @import url ("1.css");</style>

4. Link a CSS file via the link tag in the HTML header tag

<link rel= "stylesheet" href= "1.css" Media properties optional, default device screen/>

Tip: To improve the reusability and extensibility of styles, define and encapsulate multiple styles separately as CSS files, such as P.css, div.css ... In a total CSS file, import these CSS files using import, and then import the total CSS file in the HTML page with the link tag.

CSS combined with HTML