How to apply CSS

HTML

CSS

Java Script

There are 3 types of CSS and different type CSS is applied in different way.

Inline CSS-:Inline css is embedded within the element and it may not be reused .Inline css is applied to fix something directly without worrying about other elements or pages. <p style=“color:red”> so in above example style is embedded within tag and color attributes changes the font color to red.
Internal CSS-:Internal css is defined within the Internal css may be reused within the page . Internal css is applied as following.

<!DOCTYPE>
<html>
<!--how internal css is embedded in a web page-->
<style>  
h1
{
color:red; /* this attribute is applied on all h1 tag in this web page */
}
</style>  
</head>  
<body>  
<h1>Heading with Red Color.</h1>  
Hi i am not With red Color
<h1>I am also with red color.</h1>
</body>  
</html>

Output of the above program is shown below

3.External CSS-: Using External CSS we can reuse the CSS throughout the website by writing the CSSin a different file with extension CSS.

The CSS file is being added into web pages wherever wee want to apply the impact of that CSS.

To use External CSS there are following two steps

Create a CSS file like following
style.css->[code below]
body{
background-color:pink;}
p
{
color:yellow;
}
Create the web page where you want to apply this css attributes.

<html>
<head>
<style>
<link rel="stylesheet" href="styles.css"> 
</head>
<body>  
<p>Heading with Red Color.</p>  
</body>  
</html>

Python

Java

C

C++

HTML/CSS

Java Script

PHP

SQL

C Programs

How to apply CSS

Video/ C Introduction