On Page CSS Class #02

On page CSS code is

<style type=”text/css” meida=”screen”> CSS code </style>

This code is places between the head tag.

Image view:

on page css

CSS coding for the website:

Below CSS code is used to styling the 
  • back ground
  • back ground color
  • text color 
  • text font

etc


<style type=”text/css” meida=”screen”>  
        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;
        }
    </style>

Example:

Input Images

on page css
Input image 1
on page css
Input image 2
Output Image:
Output of two images
on page css

Detailed explaination in VIDEO:

Leave a Reply

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