CSS 3 types:
1.External page css
2.On page css
3.In-line css
On-page Css :
<!DOCTYPE html>
<html>
<head>
<title>Web Designing Course Lesson2, On-page css</title>
<style type="text/css"media="screen">
body{
font-family:Arial,Times,Sans-serif;
background-color:grey;
}
header{
background-color:black;
color:white;
width:80%;
margin-left:auto;
margin-right:auto;
text-align:center;
padding:10px;
}
section{
background-color:white;
color:black;
width:80%;
margin-left:auto;
margin-right:auto;
border-width:5px;
border-style:solid;
border-color:black;
padding:5px;
}
footer{
background-color:black;
color:white;
width:80%;
margin-left:auto;
margin-right:auto;
padding:10px;
}
</style>
</head>
<body>
<header>
<hgroup>
<h1>Web Designing Course Lesson2</h1>
<h2>Learn HTML 5 and CSS 3</h2>
</hgroup>
</header>
<section>
<article>
<h1>This is my first article - Lesson2</h1>
<p>This is a Tvs Tree Technologies world-wide website,
In this we can learn different technologies</p>
<p>In this website you can learn both front-end and back-end technologies</p>
</article>
</section>
<footer>Copyright © www.tvstreetechnologies.blogspot.com</footer>
</body>
</html>
Output:
No comments:
Post a Comment