font-size smaller is incremental : font size : CSS Attributes and Javascript Style Properties HTML CSS TUTORIALS


HTML CSS TUTORIALS » CSS Attributes and Javascript Style Properties » font size »

 

font-size smaller is incremental


 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title></title>
        <style type='text/css'>
            body {
                font-family: "Rockwell";
                font-size: 48px;
            }
            div {
             border: 1px solid gray;
             padding: 5px;   
             margin-left: 20px;
            }
        </style>
    </head>
    <body style='background: rgb(160160160);'>
    font-size: 48px;
      <div style='font-size: smaller; background: rgb(180180180);'>
        font-size: smaller; <span style='font-size: 32px;'>font-size: 32px;</span>
      </div>
      <div style='font-size: smaller; background: rgb(200200200);'>
        font-size: smaller; <span style='font-size: 24px;'>font-size: 24px;</span>
      </div>
      <div style='font-size: smaller; background: rgb(220220220);'>
        font-size: smaller; <span style='font-size: 18px;'>font-size: 18px;</span>
      </div>
      <div style='font-size: smaller; background: rgb(240240240);'>
        font-size: smaller; <span style='font-size: 16px;'>font-size: 16px;</span>
      </div>

      <div style='font-size: smaller; background: rgb(180180180);'>
        font-size: smaller; <span style='font-size: 32px;'>font-size: 32px;</span>
        <div style='font-size: smaller; background: rgb(200200200);'>
          font-size: smaller; <span style='font-size: 24px;'>font-size: 24px;</span>
          <div style='font-size: smaller; background: rgb(220220220);'>
            font-size: smaller; <span style='font-size: 18px;'>font-size: 18px;</span>
            <div style='font-size: smaller; background: rgb(240240240);'>
              font-size: smaller; <span style='font-size: 16px;'>font-size: 16px;</span>
            </div>
          </div>
        </div>
      </div>

    </body>
</html>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo CSS Attributes and Javascript Style Properties
» font size