CSS

The abbreviation of Cascading Style Sheets is CSS. It is mainly used to design HTML elements.

How to style HTML elements?

We can style HTML elements in three ways i.e

  1. By using an external stylesheet.
  2. Use an internal stylesheet in the head section.
  3. Or we can use inline CSS.

The best way to use CSS by using an external stylesheet. In our CSS tutorial, we can use a different type of problem-solving by using the above ways.

External stylesheet:

We have to use .css as an external stylesheet extension. After that, it has to include in the document section like below-

<link href="your-css-filename.css" rel="stylesheet">

Internal stylesheet:

We can use an internal stylesheet in the section of a document or we can also write it inside the tag. We have to write all of our CSS code inside the style tag.

<style>..</style>

 

tag. For example-

<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #fff;
}
p {
color: red;
}
</style>
</head>
<body>
<style>
h1 {
color: blue;
}
</style>
<h1>This is a heading with blue color.</h1>

<p>This is a paragraph with red color.</p>

</body>
</html>

Inline CSS:

We can also use the CSS code inside an element. For example

<p style="color: green;">This is a paragraph with red color.</p>

But this is not recommended as we have to use this in each element to style it. So we can use internal or external method. It is very helpful whenever we have to change a style of an element dynamically.