Advertisement
OFF CSS code is
<link rel=”stylesheet” type=”text/css” href=”styles.css” media=”screen”>
This LINK tag deos’t having closing tag, this code code will be placed in the HEAD tag.
Advertisement
Image view:
OFF page CSS coding for Website:
This coding is used to styling our basic website of
- back ground color
- back ground width
- font color
- font size
etc
In OFF page CSS, coding file will be save with name of styles and extension of css as STYLES.CSS
body{
font-family: arial,sans-seif;
background-color: grey;
width: 80%;
float: center;
margin-left:auto;
margin-right:auto;
}
header{
color:white;
background-color:green;
padding:8px;
margin-left:auto;
margin-right:auto;
}
section{
background-color:white;
padding:20px;
margin:0px;
margin-left:auto;
margin-right:auto;
}
footer{
background-color:green;
padding:8px;
font-family:sans-serif;
margin-left:auto;
margin-right:auto;
}
Examples:
Input images
html file image 1
css file image 2
Output image
HTML + CSS is equal to output images
Detailed explaination in VIDEO:
Advertisement