Type of Style Sheet
There are three types of CSS. you can see the following types of CSS.
- External CSS
- Internal CSS
- Inline CSS
External CSS
The CSS uses the element in a separate file, called an external stylesheet, to handle the CSS.
Example
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<p>Welcome to CSS Tutorial</p>
</body>
</html>
Internal CSS
The stylesheet rules are located in a style element in the header of the document. They are called internal stylesheets.
Example
<html>
<head>
<style>
p{
color:#000;
}
</style>
</head>
<body>
<p>Welcome to CSS Tutorial</p>
</body>
</html>
Inline CSS
Inline CSS lets you apply a unique style to each HTML element. You assign CSS to a particular HTML element by using the style attribute with all CSS properties defined in it.
Example
<html>
<head>
</head>
<body>
<p style="color:#000;">Welcome to CSS Tutorial</p>
</body>
</html>