OFF Page CSS Class #03

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.

Image view:

off page css

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
off pages css
html file image 1
off pages css
css file image 2

Output image
HTML + CSS  is equal to output images
off pages css

Detailed explaination in VIDEO:

Leave a Reply

Your email address will not be published. Required fields are marked *