Page 78 - Plus V4 with Adobe class 6
P. 78

INTRODUCING CSS3

        CSS stands for Cascading Style Sheets. It is a design language which enables to simplify the process
        of making web pages. It handles and describes how a HTML web page will be presented on a web
        browser. It helps to save lot of time as one design layout can be used to make number of web pages.
        The latest version of CSS is CSS 3. Earlier, CSS 2 was used.

        CSS  comprises of style rules that are interpreted  by  the  web  browser and  then  applied  to the
        corresponding elements in HTML web page. Syntax to create a style in CSS is:

        selector{property1:value1; property2:value2; … …}
        Where, selector signifies  or point  to a HTML  tag to which  a style  will  be  applied  like  <BODY>.  The
        property1 is a property of CSS that can be used to create a style and the value1 is the valid value of
        the property. A semicolon should be used at the end of the property value if more than one property
        is  used. However, you  can  skip  the  semicolon  if  only  one  property  is used.  All  the  properties with
        their values are enclosed within curly braces. For example, if you want to create a style that fills a
        background colour in a web page, then you need to use the background-color property of CSS in the
        following manner:

        body {background-color:green}
        In the preceding code, body signifies the <BODY> tag, background-color is the property and green is the
        value of property that will change the background colour of the web page as green.

        Using CSS Style


        There are three ways to use the CSS styles in HTML document which are:
            Inline style sheet
            Internal Style Sheet
            External Style Sheet


        Inline Style Sheet
        An inline style is used to apply a unique style for a single element. The style attribute an element allows
        you to create and apply a style on the element. Syntax to create an inline style is:

        <element style = "property1:value1; property2:value2; … ….">
        Where, element is any valid HTML tag and the style is the global attribute of HTML used by all the tags
        of HTML. The style attribute contains all the CSS properties and their values within double quotes. For
        example:

        <body style="background-color:green; color:white">




            76  Plus (Ver. 4.0)-VI
   73   74   75   76   77   78   79   80   81   82   83