CSS is a web language, which stands for Cascading Style Sheets. With the help of it, we can make a web page attractive. It gives style to the pages. How our web pages look like that depends on CSS, a page can be displayed in a different look by it. By using CSS, we can control the HTML content’s color, font, background, etc. There are three kinds of CSS in it.
a> Inline CSS: It is written in the opening tags of HTML document by giving style attribute. Just like___
<!DOCTYPE html>
<html>
<head>
<title>::inline-css::</title>
</head>
<body>
<p style=”background-color:blue; font-size:20px”>Hi I am Sujata Biswas</p>
</body>
</html>
Internal CSS:
It is written within the HTML document in the style tag of the head section
<!DOCTYPE
html>
<html>
<head>
<title>::
internal-css
::</title>
<style>
p{color:red;}
</style>
</head>
<body>
<p>Hi I am Sujata Biswas</p>
</body>
</html>
in this example “p” is selector, “color” is property and “red” is value.
C>
External CSS:
it is written in another page and save it by .css extension and keep it in the CSS folder and keep a link within the HTML document.
<!DOCTYPE
html>
<html>
<head>
<title>::
external-css
::</title>
<link
rel=”stylesheet” href=”style.css” type=”text/css”>
</head>
<body>
<p>Hi I am Sujata Biswas</p>
</body>
</html>
I am Sujata Biswas working as a Front-end developer at Openweb Solutions. But, I also like to study and learn about new technologies and write about them.
