Page 129 - CA 165 ver 1.0 Class 10
P. 129

Lab Assignment ‘n Activity                               Creativity




                    Write HTML code (Use CSS concept) to display web page as shown below:



















                     Specification:

                     Top Margin=100PX                Left Margin=150PX                 Height=170px
                     Width=320px                     Background Colour=Pink            Border Width=10px
                     Border Type=SOLID               Border Colour=BLACK               Outline Width=20px
                     Outline Type=Ridge              Outline Colour=Red                Font Style=Italic
                     Font Size=40px                  Font-family=Verdana               Text Alignment=Center




                    Recap Zone

                    Ð ‘Cascading Style Sheet’ is commonly referred as CSS. CSS is a simple design language which
                       enables to simplify the process of making web pages.

                    Ð CSS style rule is made of two parts i.e. ‘Selector’ and ‘Declaration’. ‘Declaration’ can be further
                       categorized into ‘Property’ and ‘Value’.

                    Ð There are three ways of inserting or linking a style sheet: External Style Sheet, Internal Style Sheet
                       and Inline Style.

                    Ð The Background Color property of style sheet is used to change the background color of an
                       element.
                    Ð The CSS border properties enables to specify the style, width and color of a border.
                    Ð CSS ‘margin’ properties enables to create space around an HTML element, outside any border.

                    Ð The height and width properties enables to set the height and width of an element. It is also
                       used to set the height and width of the area inside the border, margin, etc. of the element.
                    Ð An outline is a line that is drawn around elements, to make the element “stand out”.
                    Ð CSS font property is used to define the font, size and the style of the text.
                    Ð The ‘text-align’ property is used to align the text in desired position.

                    Ð The ‘float’ property is used for positioning and formatting content.









                                                                                        Cascading Style Sheets   127
   124   125   126   127   128   129   130   131   132   133   134