Skip to content

Cascading Style Sheets CSS3 Colors in HTML5 and CSS3 in Hindi Urdu Tutorial 10

Cascading Style Sheets CSS3 Colors in HTML5 and CSS3 tutorial 10 in Hindi Urdu

Cascading Style Sheets CSS3 Colors in HTML5 and CSS3 is the HTML5 and CSS3 tutorial for beginners in hindi and urdu. This tutorial is the part of the tuotrial series HTML5 and CSS3 tutorials which can be used as the study guide for preparing Miscrosoft certification exam 70-480 Programming in HTML5 with JavaScript and CSS3. Following topics are covered in this tutorial:
Factner video tutorials
HTML5 and CSS3 Tutorial by youtube.com/user/factner
Tutorial 11 – Cascading Style Sheets Colors CSS3
1. Color
2. HEX – Hexadecimal coloring
3. RGB – Red Green Blue and RGBA Red Green Blue Alpha
4. HSL – Hue Staturation Lighting and HSLA Hue Staturation Lighting Alpha
5. Opacity

 

Cascading Style Sheets CSS3 Colors in HTML5 and CSS3 tutorial 10 in Hindi Urdu – Video Tutorial

 

Source Code:

html file:

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”utf-8″>
<title>Colors in CSS</title>
<link rel=”stylesheet” type=”css/text” href=”mystyles.css”>
</head>

<body>
<div id=”div1″> This is div 1 using color values.</div>
<br>
<div id=”div2″> This is div 2 using HEX.</div>
<br>
<div id=”div3″> This is div 3 using RGB.</div>
<br>
<div id=”div4″> This is div 4 using RGBA.</div>
<br>
<div id=”div5″> This is div 5 using HSL.</div>
<br>
<div id=”div6″> This is div 6 using HSLA.</div>

<br><br><br>

</body>

</html>

 

css file:

/* We are using color values for this div */
#div1 {
background-color:red;
width:100px;
height:100px;
/*opacity:50%; */
}

#div2 {
background-color:#88ffff;
color:#0000ff;
width:100px;
height:100px;
border:solid grey 1px;
}

/*using RGB values */
#div3 {
background-color:rgb(0,256,0);
width:90px;
height:90px;
}

/*using RGBA values */
#div4 {
background-color:rgba(0,256,0,0.1);
width:90px;
height:90px;
}

/*using HSL values */
#div5 {
background-color:HSL(300,100%,50%);
width:200px;
height:60px;
}

/*using HSLA values */
#div6 {
background-color:HSLA(300,100%,50%,0.2);
width:200px;
height:60px;
}

 

HTML5 and CSS3 tutorial 10 Cascading Style Sheets CSS3 Colors in Hindi Urdu for exam 70-480

HTML5 and CSS3 tutorial 10 Cascading Style Sheets CSS3 Colors in Hindi Urdu for exam 70-480

Leave a Reply

Privacy Preference Center

Necessary

Advertising

Analytics

Other