INLINE CSS

In Html Css can implement only three type first type learn this chapter and other two type learn next chapter.

We discus only inline css in this chapter.

Inline CSS mean write CSS property in html tags.

Inline CSS Example

<h1 style="property:value;">This is heading tag</h1>

<p style="property:value;">This is paragraph</p>


Use above rule

<h1 style="color:red;">This is heading tag</h1>

<h2 style="font-family:sans-sarif;">This is  h2 heading tag</h2>

<p style="color:green;">This is paragraph tag</p>


Result

This is heading tag

This is h2 heading tag

This is paragraph tag

Write cod  in texteditor

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Hello word</title>

</head>

<body>

<h1 style="color:red;">This is heading </h1>

<h2 style="font-family:sans-sarif;">This is h2 heading tag</h2>

<p style="color:green;">This is Paragraph </p>

</body>

</html>