CSS Framework

1. W3.CSS is a standard CSS that has :
   1. jQuery library.
   2. JavaScript library
   3. Both (A) and (B) are true.
   4. Both (A) and (B) are false.
   Show Answer

   Answer : D
   Explain: W3CSS is only CSS it is not used any type of javascript.
2. W3.CSS does not provides the following border class.
   1. w3-border-top
   2. w3-border-right
   3. w3-border-bottom
   4. w3-border-gutter
   Show Answer

   Answer : D
   Explain: W3CSS has not w3-border-gutter property.
3. w3-border-0 is a border property for w3.css, which of the following is true ?
   1. It has rounded borders
   2. removes all borders
   3. removes rounded borders only
   4. None of these
   Show Answer

   Answer : B
   Explain: w3-border-0 removes all border.
4. w3-row-padding is a class which defines :
   1. Container for responsive classes, with 8px left and right padding
   2. Container for responsive classes with no padding
   3. Container for responsive classes with padding
   4. None
   Show Answer

   Answer : A
   Explain: w3-row-padding is used for responsive classes with 8px left and right padding.
5. “w3 - border” is one of the class used for w3.CSS tables which defines :
   1. Bordered lines
   2. Bordered Table
   3. Dashed lines
   4. None of these
   Show Answer

   Answer : B
   Explain: w3-border is used to add a border across the table.
6. Which of the following w3.CSS classes is not used to align-text ?
   1. class="w3-left-align"
   2. class="w3-right-align"
   3. class="w3-center-align"
   4. class="w3-center"
   Show Answer

   Answer : C
   Explain: To align center in W3CSS use W3-center.
7. Which of the following classes used to display an extra large list ?
   1. w3-large
   2. w3-xxlarge
   3. w3-xlarge
   4. None of these
   Show Answer

   Answer : C
   Explain: For extra large we use w2-xlarge.
8. To add rounded corners to an image which class is used :
   1. w3-round - corner.
   2. w3-rounded.
   3. w3-round
   4. None of these
   Show Answer

   Answer : C
   Explain: w3-round is used to round the corner, by default it value is 4px.
9. s3 class in w3.css defines :
   1. 3 of 12 columns (width:33.33%) for large screens.
   2. 3 of 12 columns (width:33.33%) for small screens.
   3. 3 of 12 columns (width:25.00%) for small screens.
   4. 3 of 12 columns (width:25.00%) for large screens.
   Show Answer

   Answer : C
   Explain: s3 use for small screens with 25%.
10. Which of the following is the default font used in w3.CSS ?
    1. Times New Roman
    2. Arial
    3. Verdana
    4. Segoe UI
    Show Answer

    Answer : C
    Explain: By default font in w3css - Verdana.
11. w3-hover-color class defines the :
    1. text hover color for any html element.
    2. color of any html element
    3. background hover color for any html elements
    4. None of these
    Show Answer

    Answer : C
    Explain: w3-hover-color it set the background hover color of any text.
12. Which property of w3.CSS restrict a responsive image to a maximum size ?
    1. max:width property
    2. image:restrict property
    3. max:height property
    4. image:width property
    Show Answer

    Answer : A
    Explain: To restrict a responsive image to a maximum size, use the max-width.
13. Syntax to add containers in w3.CSS :
    1. class ="w3-container"
    2. class = “container”
    3. class = “w3.container”
    4. None of these
    Show Answer

    Answer : A
    Explain: w3-container class adds a 16px left and right padding to any HTML element.
14. what is the size of w3-xlarge
    1. 24 px
    2. 32 px
    3. 46 px
    4. 56 px
    Show Answer

    Answer : A
    Explain: Size of xlarge is 24 px and xxlarge is 32px.
15. What is the padding value when we use w3-padding ?
    1. Padding 10px top and bottom, and 10px left and right.
    2. Padding 16px top and bottom, and 16px left and right.
    3. Padding 8px top and bottom, and 16px left and right.
    4. Padding 8px top and bottom, and 8px left and right.
    Show Answer

    Answer : C
    Explain: w3-padding adds -Padding of 8px top and bottom, and 16px left and right.
16. W3-margin add margin to :
    1. top and bottom
    2. left and right
    3. all sides
    4. Only one side
    Show Answer

    Answer : C
    Explain: w3-margin adds the margin 16px to all sides of content.
17. w3-padding-jumbo adds :
    1. Padding 10px top and bottom, and 10px left and right.
    2. Padding 30px top and bottom, and 10px left and right.
    3. Padding 32px top and bottom, and 64px left and right.
    4. Padding 32px top and bottom, and 32px left and right.
    Show Answer

    Answer : C
    Explain: w3-padding-jumbo add 32px top and bottom, and 64px left and right -padding.