How To Use CSS
You can use CSS(Cascading Style Sheet) in four ways.
These are given below:
The given above CSS type, in which various technique will be used. These are different from each other and their different advantages.
Try Now
The given above CSS type, in which various technique will be used. These are different from each other and their different advantages.
- Embedded or Internal CSS
- Inline style
- External style sheet
- Imported CSS
Embedded or Internal Style Sheet
An Embedded or Internal Style Sheet is used in only one single page. It is define within <style> element inside the <head> section. Let us see an example of CSS embedded or internal style sheet:Example of Internal Style Sheet
<head>
<style>
body {
background-color: white;
}
p{
color: black;
border:2px solid red;
}
</style>
</head>
Inline Style Sheet
An Inline Style Sheet used with a unique style for a single element. You must have to used style attribute to the element.<p style="text-align:center; color:blue"> We are learning how to use inline Style </p>
External Style Sheet
In External Style Sheet can use <linl> element to include an external stylesheet file. The style file extension must be .css . you can access style sheet in different web pages by using link the style sheet. Let us see an example of CSS external style sheet:<head>
<link type = "text/css" href = "style.css">
</head>
/*========= Save it name with style.css ===========*/
body{
Background-color: gray;
}
h1 {
color: blue;
text-transform: lowercase;
}