CSS basic syntax:

Different ways to write css

We can write css code in two ways:
1.Inline
2.External

Inline

In inline technique we can write it two ways:
1.Inside opening and closing of head tag
2.Inside of any opening tag

Inside opening and closing of head tag:
Inside of opening and closing of the head tag, we write style tag and inside style opening and the closing tag we write CSS code.

<!DOCTYPE html>
<html>
<head>
<title> </title>

<style>
   p {
      color: red;
   }
</style> </head>
<body>

<p>This is a free learning website. </p>

</body>
</html>

Inside of any opening tag:
If we want to write CSS inside a HTML tag then we write style attribute and then equal sign and then we write the
CSS code inside the double quotation. We can write all these things only in the opening tag.

<!DOCTYPE html>
<html>
<head>
<title> </title>
</head>
<body>


<h2 style="color:red">Welcome</h2>

</body>
</html>

External

In the external technique first, create a CSS file and write CSS code there and then
link that CSS file with the HTML file.

HTML page

<!DOCTYPE html>
<html>
<head>
<title> </title>

<link rel="stylesheet" type="text/css" href="my_css.css">
</head>
<body>

<!-- Inline css apply in tag--<
<h2 style=color:red<Welcome</h2>

<p>This is a free learning website. </p>

</body>
</html>

CSS page

p{
color:red;
}

CodersAim is created for learning and training a self learner to become a professional from beginner. While using CodersAim, you agree to have read and accepted our terms of use, privacy policy, Contact Us

CSS basic syntax:

Different ways to write css

We can write css code in two ways: 1.Inline 2.External

Inline

External

We can write css code in two ways:
1.Inline
2.External