Hello Guys
let's Start CSS
What is full form Css
Cascanding style sheet
3 Types of Css
External
Internal
Inline
--------------------------------------------------------------------------------
External Style sheet -
External stylesheet is ideal when style is applied to multiple pages. With exterior Style sheet, you can change the look of the entire website by simply changing one file. Any external style sheet can be written in any text editor.
Internal style sheet -
internal style sheet should be use there is unique style of document
Inline style sheet --
lots of advantage in inline style sheet but use the carefully.
-------------------------------------------------------------------------------------------
1)
<html>
<head>
<style>
a.{
color: blue;
text-align: center;
}
</style>
</head>
<body>
<a>Hello</a><br>
<a>These program are styled with CSS.</a>
</body>
</html>
-----------------------------------------------------------------------------------------------------
2)
How to make a two class. given below
<html>
<head>
<style>
b.center {
text-align: center;
color: yellow;
}
b.large {
font-size: 200%;
}
</style>
</head>
<body>
<h1 class="center">This head</h1>
<b class="center">This program</b><br>
<b class="center large">This program will be yellow.</b>
</body>
</html>
NOTE -- So Guys you can make lots of class
-------------------------------------------------------------------------------------
So friends let's have start Other Program and Program is not Hard It's Very Easily understand
and i am also use Easy method so that you can understand.
--------------------------------------------------------------------------------------
<html>
<head>
<style type="text/css">
table.angel{
width:350px;
border-collapse:separate;
empty-cells:hide;
}
td.angel{
padding:5px;
border-style:solid;
border-width:1px;
border-color:#999999;
}
</style>
</head>
<body>
<table class="angel">
<tr>
<th></th>
<th>Title one</th>
<th>Title two</th>
</tr>
<tr>
<th>Row Title</th>
<td class="angel">1
</td>
<td class="angel">2</td>
</tr>
<tr>
<th>Row Title</th>
<td class="angel">3</td>
<td class="angel">4</td>
</tr>
</table>
</body>
</html>
OUTPUT
No comments:
Post a Comment