How To Use Internal Css In Html Code Example


Example 1: adding css to html body


Three ways to add CSS to the body of html:
1)External CSS
2)Internal CSS
3)Inline CSS

1) Externally:
Type your css code in a file. Remember you file name.
Then,
<head>
<link rel="stylesheet" type="text/css" href="FileName.css" >
</head>

2) Internally:
Type your cSS in the html file itself. (It is not preffered until
little CSS code is to be added). This can be done by style tag.
Example:
<head>
<style>
h1
{
text-color:red;
text-size: 0.8em;
}
</style>
</head>

3) Inline:
This method is not used by developers as it is very lengthy and
maintaining code becomes difficult.
Example:
<h1 style="color:blue;text-align:center;">Header file</h1>

Example 2: how to write css in html


<p style="color: blue; font-size: 46px;">

Example 3: internal css


<!DOCTYPE html>
<html>
<head>
<style>
body
{background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable