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

3.   Which among the following properties is used to add space between an outline and the edge/border of an
                         element?
 Solved Exercise         i.  Outline color                                   ii.  Outline offset


 PART A                  iii.  Outline style                                 iv.  Outline width
                     4.   ‘Outline’ property is used to set which among the following properties in a single statement?
 A.   Very short answer type questions.        i.  Outline width and Outline style
    1.   Write the names of the CSS properties used in the following:
                         ii.  Outline color and Outline offset
                         iii.  Outline width, Outline style and Outline offset
 i.   HELLO      ii.  CSS
                         iv.  Outline width, Outline style, Outline color and Outline offset
                     5.  ..................................... property is used to set the style of line for the outline.
                         i.  Outline                                         ii.  Outline width

 iii.   BE HAPPY!!      iv.  HELLO WORLD        iii.  Outline Style          iv.  Select

                      Ans. 1. i.    2. iv.    3. ii.   4. iv.    5. iii.

    2.   Name the CSS margin property that is used to set the right margin of an element?  PART B
    3.   Which link style sheet is commonly used when one web page has a unique style?
                 A.  Short answer type questions.
    Ans. 1.  i.   Border-style, border-width, background-color     1.     Write the inline CSS code to change the background color of a heading of level 1 on a webpage to green.
           ii.   font-family, color     Ans. <h1 style=”background-color:green;”>Heading</h1>
           iii.   border-style, outline-width, outline-color, outline-style, text-align     2.    Write the CSS code to set the topmargin and the left margin of a paragraph to 10 and 12 pixels respectively.
           iv.   font-family, font-style  Ans.  <HTML>
       2.  margin-right  <HEAD>
       3.  internal style sheet
                         <P STYLE=”MARGIN-TOP:10PX;MARGIN-LEFT:12PX;>
 B.  Fill in the blanks.        With the introduction of computers, the business world was changed forever.
    1.   CSS stands for ..................................... .  Using computers and software, businesses use information technology to ensure
                         that their departments run smoothly.
    2.     A ..................................... selector looks for all the occurrences of the element type in the document, to apply
                         </P>
 the mentioned properties.
                         </HTML>
    3.   A style rule is made up of two parts: ..................................... and ..................................... .     3.   What will be the effect of using CSS float property on an image?
    4.   Using the ..................................... the look of the entire website can be changed by changing one CSS file.     Ans. The ‘float’ property is used for positioning and formatting content. The float property can be set with

    5.   The inline style is given using the ..................................... attribute.  values such as left, right, none, etc. The text around the image wraps around using the float property.
    6.   The internal style is given using the <style> tag in the ..................................... section.     4.   What is an External style sheet?
                     Ans. ‘External Style Sheet’ is a CSS file that can be link with the help of <link> element inside the <HEAD>
    Ans.  1. Cascading Style sheet     2. Type   3. Selector, declaration
                         section.  Style of an entire website can be changed by updating that CSS file.
       4. External         5. Style   6. <head>     5.   Differentiate between Inline and Internal style sheet.

 C.   Case Based MCQs     Ans. CSS design can also be applied into an HTML document by using <STYLE> tag. This tag should be placed
    An outline is a line that is drawn around elements, to make the element “stand out”. Outline differs from borders as it is     inside the <HEAD>...</HEAD> tags. An internal style sheet is commonly used when one web page has a
    drawn outside the element’s border, and may overlap other content CSS has many outline properties.  unique style. Whereas, an inline style is used to apply a unique style for a single element.
    1.   Which among the following properties is used to set the width of the outline?  B.  Long answer type questions.
       i.  Outline width   ii.  Outline offset     1.   What is CSS? Discuss the components of a CSS style rule using an example.
       iii.  Outline    iv.  None of these     Ans. CSS is a simple design language which enables to simplify the process of making web pages.
    2.   ‘Outline-Style’ property can have values like which among the following?  It handles and describes how an HTML web page will be presented on a web browser. Using CSS, web
       i.  Dotted    ii.  Groove  designer can control the text colour, font style, paragraph spacing, columns size, background images,
       iii.  Ridge   iv.  All of these  layout designs, etc.


                                                                                        Cascading Style Sheets   129
   126   127   128   129   130   131   132   133   134   135   136