Internal CSS

Advertisements

Prev Tutorial Next Tutorial

Internal Style Sheet

An Internal style sheet should be used when a single document has a unique style (like same color and font for all paragraph). we define internal styles in the head section of an Html page, by using the <style> tag, like below:

Example

<html>
<head>
<style>
h1
{
color:cyan;
}
p
{
color:red;
margin-left:20px;
}
body
{
background:green;
}
</style>
</head>
<body>
<h1>This is h1 Heading</h1>
<p>This is paragraph</p>
</body>
</html>

Result

This is h1 Heading

This is paragraph

Internal css is useful in case of if we want to all paragraph of our html documents have same size and color that means all have same properties. And if we want all h1 header have same color on our page then this is useful.

Suppose we are use 5 times <h1> tag in our Html page then it is better to declare internal css for all <h1> tag once. If here we use inline css then we need to apply 5 times css on this <h1> tag.

Internal CSS

Example of Internal CSS

Example

<html>
<head>
<style>
h1
{
color:red;
}
p
{
margin-left:20px;
color:yellow;
}
body
{
background-color:#000;
}
</style>
</head>
<body>
<h1>This is internal css</h1>
<p>Internal css is very simple and easy</p>
<h1>This is my css</h1>
<p>My css concept is strong</p>
<h1>Css is easy to learn</h1>
<p>Css is simple and easy to learn</p>
 </body>
</html>
internal css

Watch this Video


Prev Tutorial Next Tutorial

Advertisements

Buy This Ad Space @$20 per Month, Ad Size 600X200 Contact on: hitesh.xc@gmail.com or 9999595223

Pure VPN Privide Lowest Price VPN Just @ $1.65. Per Month with Non Detected IP Lowest Price Non Detected IP VPN

Magenet is best Adsense Alternative here we earn $2 for single link, Here we get links ads. Magenet

For Projects 9999595223

Google Advertisements


Buy Websites 9999595223

Buy College Projects with Documentation Contact on whatsapp 9999595223. Contact on: hitesh.xc@gmail.com or 9999595223 Try this Keyword C++ Programs

Advertisements