Cascading Stylesheet

Cascading Stylesheet is used to describe the style of HTML document.

CSS Example:-

h1{
text-align:center;
color:#fff;
}
p {
  font-size: 20px;
 font-family: arial;
 }

Types of CSS

Internal CSS
External CSS
Inline CSS

Internal CSS

Internal CSS is use between the section of <head>.. </head> with the <style> </style> tag.

Example:-

<html>
<head>
<title>Internal CSS</title>
<style>
p{
color:#fff;
font-size:20px;
text-align:center;
}
</style>
</head>
<body>
<p>Welcome to Hub of Tutorials</p>
</body>
</html>

External CSS

External CSS use with the link. HTML DOcument will be linked with the css file.

Example:-

document.html

<html>
<head>
<title>External CSS</title>
<link rel="stylesheet" type="text/css" href="external.css"/>
</head>
<body>
<p>Welcome to Hub of Tutorials</p>
</body>
</html>

external.css

p{
color:#fff;
font-size:20px;
text-align:center;
}

Inline CSS

Inline CSS use in any tag with the property of style.

Example:-

<html>
<head>
<title>Inline CSS</title>
</head>
<body>
<p style="color:#fff;font-size:20px;text-align:center;">Welcome to Hub of Tutorials</p>
</body>
</html>

You May Also Like:-How to Play Audio on Web Browser

You can check on Facebook

Newer Post

3 Comments

How to Create Input Style with CSS - Hub of Tutorials
March 17, 2020 - 5:00 am
[…] In this article, you will learn How to Create Input Style with CSS. […]

Reply
How to use File Open or Read in PHP - Hub of Tutorials
March 16, 2020 - 12:43 pm
[…] CSS = Cascading Style Sheets […]

Reply
How to Create CSS Image Sprites - Hub of Tutorials
March 16, 2020 - 2:41 am
[…] In this article, you will learn How to Create CSS Image Sprites. […]

Reply