use_of_css_part_1

  If you are novice than use my previous posts.
css  provides you to define styling for each tag. We will check here for some tags
1: - For paragraph tag I write down the part of CSS.
  css -
      <style type="text/css">
       p {
        font-size 35pt;
        font-family : "Verdana";
        color red;
        text-align : center;
         }
      </style>
      In this example , I generate styling for paragraph in which first line defines the font size used in paragraph . And next line set font type as Verdana , you can set font type of your choice, next line set color of text used in paragraph and next line set the text to center aligned.
      The above part shows the styling on paragraph , similarly we can create style for header , body etc. Now I will show you styling for a link tag .
 2 : For link tag I write down the part of the css.
    link -
     <style type="text/css">
      a : link , a : visited
       { display : block;
          background-color : #bbaa88 ;
          color : #ffffff ;
          text-decoration : none ;
           padding : 7px ;
           width : 250 ;
          text-align : center ;
         }
    a : hover , a : active
    { background-color : #bcab00;
   }
       </style>
       In this example we set a block for our link part and then we set color of the block used. In next line we set color of the link and in next line we set none text- decoration which sets no underline for link. In next line we set padding and in next we set width of the block used. in next line we align the text in block to center.
       Now it will be clear in your mind that how we use css . Just copy the css part and include in your document and use that tag to get the output.I tried to use a clear css that generate a clear picture of css in your mind.
I will show you that how to create navigation bar in my later post . Check out this link for navigation bar with css more css (navigation bar ) .

                                                                                       - Thanks to visit.
          

No comments:

Post a Comment