{"id":612,"date":"2022-03-15T04:21:32","date_gmt":"2022-03-15T04:21:32","guid":{"rendered":"https:\/\/emorah.com\/story\/?p=612"},"modified":"2022-03-17T22:05:05","modified_gmt":"2022-03-17T22:05:05","slug":"styling-with-css3-fresco-play-mcqs-answers","status":"publish","type":"post","link":"https:\/\/emorah.com\/story\/fresco-play\/styling-with-css3-fresco-play-mcqs-answers\/","title":{"rendered":"Styling with CSS3 Fresco Play MCQs Answers"},"content":{"rendered":"\n

Styling with CSS3 Fresco Play MCQs Answers<\/p>\n\n\n\n

Disclaimer:\u00a0The main motive to provide this solution is to help and support those who are unable to do these courses due to facing some issue and having a little bit lack of knowledge. All of the material and information contained on this website is for knowledge and education purposes only.Try to understand these solutions and solve your Hands-On problems. (Not encourage copy and paste these solutions)<\/strong><\/p>\n\n\n\n

<\/p>\n\n\n\n

1.Inline CSS uses which attribute of the HTML element?<\/p>\n\n\n\n

  1. src<\/li>
  2. style<\/li>
  3. id<\/li>
  4. title<\/li><\/ol>\n\n\n\n

    Answer: 2)style<\/p>\n\n\n\n

    2.Style Tag is placed __________<\/p>\n\n\n\n

    1. None of the options<\/li>
    2. Within Style attribute<\/li>
    3. Within body<\/li>
    4. In Document Head<\/li><\/ol>\n\n\n\n

      Answer: 4)In Document Head<\/p>\n\n\n\n

      3.To make the width of a table adjust to the current width of the viewer’s browser window, you should specify a table width of _________<\/p>\n\n\n\n

      1. 640 pixels<\/li>
      2. 1024 pixels<\/li>
      3. 1<\/li>
      4. None of the options<\/li><\/ol>\n\n\n\n

        Answer: 3)1<\/p>\n\n\n\n

        4.Tag which provides a way to add a hook to a part of a text or part of a document is?<\/p>\n\n\n\n

        1. a<\/li>
        2. c<\/li>
        3. b<\/li>
        4. d<\/li><\/ol>\n\n\n\n

          Answer: 3)b<\/p>\n\n\n\n

          5.An external style sheet may be linked to a HTML document through which element?<\/p>\n\n\n\n

          1. span<\/li>
          2. HTML Link<\/li>
          3. address<\/li>
          4. title<\/li><\/ol>\n\n\n\n

            Answer: 2)HTML Link<\/p>\n\n\n\n

            Quiz on Selectors<\/strong><\/p>\n\n\n\n

            1.What is best way to overcome the default settings that comes with CSS?<\/p>\n\n\n\n

            1. Create reset.css in-addition to your existing CSS<\/li>
            2. Change style.css<\/li>
            3. Use additional param reset in your default CSS config<\/li><\/ol>\n\n\n\n

              Answer: 1)Create reset.css in-addition to your existing CSS<\/p>\n\n\n\n

              2.In selectors, the following can be used across for multiple tags, except _________<\/p>\n\n\n\n

              1. link<\/li>
              2. class<\/li>
              3. Style-properties<\/li>
              4. id<\/li><\/ol>\n\n\n\n

                Answer: 4)id<\/p>\n\n\n\n

                3.Which of the following selector matches the name of any element type?<\/p>\n\n\n\n

                1. The Type Selector<\/li>
                2. The Class Selector<\/li>
                3. The Universal Selector<\/li>
                4. The Descendant Selector<\/li><\/ol>\n\n\n\n

                  Answer: 3)The Universal Selector<\/p>\n\n\n\n

                  4.Pseudo elements help in _______<\/p>\n\n\n\n

                  1. assisting in defining the CSS3<\/li>
                  2. providing special effects to some selectors<\/li>
                  3. nullifying some features<\/li>
                  4. overriding the predefined characteristics<\/li><\/ol>\n\n\n\n

                    Answer: 2)providing special effects to some selectors<\/p>\n\n\n\n

                    5.Which feature uses :: (double colon)?<\/p>\n\n\n\n

                    1. Combinator<\/li>
                    2. Pseudo-Elements<\/li>
                    3. Sequence Selectors<\/li>
                    4. Style-properties<\/li><\/ol>\n\n\n\n

                      Answer: 2)Pseudo-Elements<\/p>\n\n\n\n

                      Quiz on Positioning<\/strong><\/p>\n\n\n\n

                      1.An element with greater stack order is always ________<\/p>\n\n\n\n

                      1. next to the element with a lower stack order<\/li>
                      2. at the back of an element with a lower stack order<\/li>
                      3. below the element with a lower stack order<\/li>
                      4. in front of an element with a lower stack order<\/li><\/ol>\n\n\n\n

                        Answer: 4)in front of an element with a lower stack order<\/p>\n\n\n\n

                        2.An element with position: relative; is positioned relative to ________<\/p>\n\n\n\n

                        1. None of the options<\/li>
                        2. nearby object’s position<\/li>
                        3. its normal position<\/li>
                        4. the container<\/li><\/ol>\n\n\n\n

                          Answer: 3)its normal position<\/p>\n\n\n\n

                          3.Which of the following is the value of overflow property?<\/p>\n\n\n\n

                          1. initial<\/li>
                          2. scroll<\/li>
                          3. None of the options<\/li>
                          4. hidden<\/li>
                          5. All the options<\/li><\/ol>\n\n\n\n

                            Answer: 5)All the options<\/p>\n\n\n\n

                            4.The z-index property in CSS controls the ________<\/p>\n\n\n\n

                            1. Horizontal stacking order of elements that overlap<\/li>
                            2. Vertical stacking order of elements that overlap<\/li>
                            3. Horizontal stacking order of elements that do not overlap<\/li><\/ol>\n\n\n\n

                              Answer: 2)Vertical stacking order of elements that overlap<\/p>\n\n\n\n

                              5.An element with position: fixed; is positioned relative to _________<\/p>\n\n\n\n

                              1. nearby object’s position<\/li>
                              2. the container<\/li>
                              3. the viewport<\/li>
                              4. its normal position<\/li><\/ol>\n\n\n\n

                                Answer: 3)the viewport<\/p>\n\n\n\n

                                Quiz on Special Effects<\/strong><\/p>\n\n\n\n

                                1.Lower the opacity value, the more opaque it is.<\/p>\n\n\n\n

                                1. False<\/li>
                                2. True<\/li><\/ol>\n\n\n\n

                                  Answer: 1)False<\/p>\n\n\n\n

                                  2.If only one value is specified to border radius property, ________<\/p>\n\n\n\n

                                  1. This radius will be applied to all four corners<\/li>
                                  2. None of the options<\/li>
                                  3. This radius will be applied to one corner<\/li>
                                  4. Default value will be assigned as the radius is not specified separately for four corners<\/li><\/ol>\n\n\n\n

                                    Answer: 1)This radius will be applied to all four corners<\/p>\n\n\n\n

                                    3.Opacity is inherited. State true or false.<\/p>\n\n\n\n

                                    1. True<\/li>
                                    2. False<\/li><\/ol>\n\n\n\n

                                      Answer: 2)False<\/p>\n\n\n\n

                                      Quiz on Transforms<\/strong><\/p>\n\n\n\n

                                      1.CSS3 transforms allow you to _____________ elements.<\/p>\n\n\n\n

                                      1. Skew<\/li>
                                      2. None of the options<\/li>
                                      3. Translate<\/li>
                                      4. All the options<\/li>
                                      5. Rotate<\/li><\/ol>\n\n\n\n

                                        Answer: 4)All the options<\/p>\n\n\n\n

                                        2.rotateX(angle) ________<\/p>\n\n\n\n

                                        1. Defines a 2D rotation adjacent to X-axis<\/li>
                                        2. Defines a 2D rotation along the X-axis<\/li>
                                        3. Defines a 3D rotation adjacent to X-axis<\/li>
                                        4. Defines a 3D rotation along the X-axis<\/li><\/ol>\n\n\n\n

                                          Answer: 4)Defines a 3D rotation along the X-axis<\/p>\n\n\n\n

                                          3.The transform-style property value flat ________<\/p>\n\n\n\n

                                          1. Specifies that child elements will preserve its 3D position<\/li>
                                          2. None of the options<\/li>
                                          3. Specifies that child elements will not preserve its 3D position<\/li><\/ol>\n\n\n\n

                                            Answer: 3)Specifies that child elements will not preserve its 3D position<\/p>\n\n\n\n

                                            4.matrix(n,n,n,n,n,n) ________<\/p>\n\n\n\n

                                            1. Defines a 3D transformation, using a matrix of six values<\/li>
                                            2. None of the options<\/li>
                                            3. Defines a 2D transformation, using a matrix of six values<\/li><\/ol>\n\n\n\n

                                              Answer: 3)Defines a 2D transformation, using a matrix of six values<\/p>\n\n\n\n

                                              Quiz on CSS Animation<\/strong><\/p>\n\n\n\n

                                              1.A responsive grid-view often has __________<\/p>\n\n\n\n

                                              1. 10 columns, and has a total width of 80%<\/li>
                                              2. 12 columns, and has a total width of 100%<\/li>
                                              3. 10 columns, and has a total width of 100%<\/li>
                                              4. 12 columns, and has a total width of 80%<\/li><\/ol>\n\n\n\n

                                                Answer: 2)12 columns, and has a total width of 100%<\/p>\n\n\n\n

                                                2.Identify the animation property.<\/p>\n\n\n\n

                                                1. All the options<\/li>
                                                2. animation-name<\/li>
                                                3. None of the options<\/li>
                                                4. @keyframes’<\/li>
                                                5. animation-duration<\/li><\/ol>\n\n\n\n

                                                  Answer: 1)All the options<\/p>\n\n\n\n

                                                  3.@media includes a block of CSS properties only if a certain condition is true.<\/p>\n\n\n\n

                                                  1. Yes<\/li>
                                                  2. No<\/li><\/ol>\n\n\n\n

                                                    Answer: 1)Yes<\/p>\n\n\n\n

                                                    4.The ________ operator is used for combining multiple media features together into a single media query.<\/p>\n\n\n\n

                                                    1. not<\/li>
                                                    2. and<\/li>
                                                    3. only<\/li>
                                                    4. or<\/li><\/ol>\n\n\n\n

                                                      Answer: 2)and<\/p>\n\n\n\n

                                                      CSS3 Final Assessment<\/strong><\/p>\n\n\n\n

                                                      1.Which of the following is the value of overflow property?<\/p>\n\n\n\n

                                                      1. scroll<\/li>
                                                      2. initial<\/li>
                                                      3. All the options<\/li>
                                                      4. hidden<\/li><\/ol>\n\n\n\n

                                                        Answer: 3)All the options<\/p>\n\n\n\n

                                                        2.Opacity has a default initial value of ________<\/p>\n\n\n\n

                                                        1. 1<\/li>
                                                        2. 5<\/li>
                                                        3. 0<\/li>
                                                        4. 0.5<\/li><\/ol>\n\n\n\n

                                                          Answer: 1)1<\/p>\n\n\n\n

                                                          3.The CSS ______ property can be used to specify the background color of an element.<\/p>\n\n\n\n

                                                          1. background<\/li>
                                                          2. background-color or background<\/li>
                                                          3. background-color<\/li>
                                                          4. bgcolor<\/li><\/ol>\n\n\n\n

                                                            Answer: 2)background-color<\/p>\n\n\n\n

                                                            4.Alpha channel in RGBA specifies the ________<\/p>\n\n\n\n

                                                            1. color of the object<\/li>
                                                            2. background color of the object<\/li>
                                                            3. None of the options<\/li>
                                                            4. opacity of the object<\/li><\/ol>\n\n\n\n

                                                              Answer: 4)opacity of the object<\/p>\n\n\n\n

                                                              5.Inline CSS uses which attribute of the HTML element?<\/p>\n\n\n\n

                                                              1. id<\/li>
                                                              2. title<\/li>
                                                              3. src<\/li>
                                                              4. style<\/li><\/ol>\n\n\n\n

                                                                Answer: 4)style<\/p>\n\n\n\n

                                                                6.HTML elements are positioned ________ by default.<\/p>\n\n\n\n

                                                                1. Static<\/li>
                                                                2. Absolute<\/li>
                                                                3. Relative<\/li>
                                                                4. Fixed<\/li><\/ol>\n\n\n\n

                                                                  Answer: 1)Static<\/p>\n\n\n\n

                                                                  7.The following selectors are defined in CSS3, except _________<\/p>\n\n\n\n

                                                                  1. :lang(value)<\/li>
                                                                  2. :not(a)<\/li>
                                                                  3. :empty<\/li>
                                                                  4. :root<\/li><\/ol>\n\n\n\n

                                                                    Answer: 1):lang(value)<\/p>\n\n\n\n

                                                                    8.What is “hgroup”?<\/p>\n\n\n\n

                                                                    1. HTML element to comment group of headlines<\/li>
                                                                    2. HTML element for group of related headlines<\/li>
                                                                    3. HTML element for accommodating more than five headlines<\/li>
                                                                    4. None of the options<\/li><\/ol>\n\n\n\n

                                                                      Answer: 2)HTML element for group of related headlines<\/p>\n\n\n\n

                                                                      9.When a visitor clicks the submit button in a form, the ______ of each form element is sent.<\/p>\n\n\n\n

                                                                      1. name-value pair<\/li>
                                                                      2. name<\/li>
                                                                      3. label<\/li>
                                                                      4. value<\/li><\/ol>\n\n\n\n

                                                                        Answer: 1)name-value pair<\/p>\n\n\n\n

                                                                        10.The ________ operator is used for combining multiple media features together into a single media query.<\/p>\n\n\n\n

                                                                        1. and<\/li>
                                                                        2. not<\/li>
                                                                        3. only<\/li>
                                                                        4. or<\/li><\/ol>\n\n\n\n

                                                                          Answer: 1)and<\/p>\n\n\n\n

                                                                          11.Identify the animation property.<\/p>\n\n\n\n

                                                                          1. animation-duration<\/li>
                                                                          2. animation-name<\/li>
                                                                          3. @keyframes<\/li>
                                                                          4. None of the options<\/li>
                                                                          5. All the options<\/li><\/ol>\n\n\n\n

                                                                            Answer: 5)All the options<\/p>\n\n\n\n

                                                                            12.The z-index property in CSS controls the ________<\/p>\n\n\n\n

                                                                            1. Vertical stacking order of elements that overlap<\/li>
                                                                            2. Horizontal stacking order of elements that donot overlap<\/li>
                                                                            3. Horizontal stacking order of elements that overlap<\/li><\/ol>\n\n\n\n

                                                                              Answer: 1)Vertical stacking order of elements that overlap<\/p>\n\n\n\n

                                                                              13.Which of these is not merit of external style sheet?<\/p>\n\n\n\n

                                                                              1. Control multiple documents having different styles<\/li>
                                                                              2. Extra download of file is required everytime<\/li>
                                                                              3. Using group style in case of complex situation<\/li><\/ol>\n\n\n\n

                                                                                Answer: 2)Extra download of file is required everytime<\/p>\n\n\n\n

                                                                                14.Stacking context is __________<\/p>\n\n\n\n

                                                                                1. three-dimensional conceptualization of HTML elements along an imaginary y-axis<\/li>
                                                                                2. three-dimensional conceptualization of HTML elements along an imaginary z-axis<\/li>
                                                                                3. two-dimensional conceptualization of HTML elements along an imaginary y-axis<\/li>
                                                                                4. two-dimensional conceptualization of HTML elements along an imaginary z-axis<\/li><\/ol>\n\n\n\n

                                                                                  Answer: 2)three-dimensional conceptualization of HTML elements along an imaginary z-axis<\/p>\n\n\n\n

                                                                                  15.Using negative values in transforms will rotate the element ________<\/p>\n\n\n\n

                                                                                  1. Counter-clockwise<\/li>
                                                                                  2. Negative values will not be considered<\/li>
                                                                                  3. Clockwise<\/li><\/ol>\n\n\n\n

                                                                                    Answer: 1)Counter-clockwise<\/p>\n\n\n\n

                                                                                    16.An element with greater stack order is always ________<\/p>\n\n\n\n

                                                                                    1. next to the element with a lower stack order<\/li>
                                                                                    2. below the element with a lower stack order<\/li>
                                                                                    3. in front of an element with a lower stack order<\/li>
                                                                                    4. at the back of an element with a lower stack order<\/li><\/ol>\n\n\n\n

                                                                                      Answer: 3)in front of an element with a lower stack order<\/p>\n\n\n\n

                                                                                      17.The style element present within the head of HTML is called as _________<\/p>\n\n\n\n

                                                                                      1. linked<\/li>
                                                                                      2. external<\/li>
                                                                                      3. inline<\/li>
                                                                                      4. embedded<\/li><\/ol>\n\n\n\n

                                                                                        Answer: 4)embedded<\/p>\n\n\n\n

                                                                                        18.CSS3 transforms allow you to _____________ elements.<\/p>\n\n\n\n

                                                                                        1. All the options<\/li>
                                                                                        2. Skew<\/li>
                                                                                        3. Rotate<\/li>
                                                                                        4. None of the options<\/li>
                                                                                        5. Translate<\/li><\/ol>\n\n\n\n

                                                                                          Answer: 1)All the options<\/p>\n\n\n\n

                                                                                          19.z-index only effects elements that have a position value other than _________<\/p>\n\n\n\n

                                                                                          1. relative<\/li>
                                                                                          2. fixed<\/li>
                                                                                          3. Static<\/li>
                                                                                          4. absolute<\/li><\/ol>\n\n\n\n

                                                                                            Answer: 3)Static<\/p>\n\n\n\n

                                                                                            20.3D transform property is animatable.<\/p>\n\n\n\n

                                                                                            1. True<\/li>
                                                                                            2. False<\/li><\/ol>\n\n\n\n

                                                                                              Answer: 2)False<\/p>\n","protected":false},"excerpt":{"rendered":"

                                                                                              Styling with CSS3 Fresco Play MCQs Answers Disclaimer:\u00a0The main motive to provide this solution is to help and support those who are unable to do these courses due to facing some issue and having a little bit lack of knowledge. All of the material and information contained on this website […]<\/p>\n","protected":false},"author":3,"featured_media":611,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":""},"categories":[156],"tags":[],"_links":{"self":[{"href":"https:\/\/emorah.com\/story\/wp-json\/wp\/v2\/posts\/612"}],"collection":[{"href":"https:\/\/emorah.com\/story\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/emorah.com\/story\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/emorah.com\/story\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/emorah.com\/story\/wp-json\/wp\/v2\/comments?post=612"}],"version-history":[{"count":1,"href":"https:\/\/emorah.com\/story\/wp-json\/wp\/v2\/posts\/612\/revisions"}],"predecessor-version":[{"id":613,"href":"https:\/\/emorah.com\/story\/wp-json\/wp\/v2\/posts\/612\/revisions\/613"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/emorah.com\/story\/wp-json\/wp\/v2\/media\/611"}],"wp:attachment":[{"href":"https:\/\/emorah.com\/story\/wp-json\/wp\/v2\/media?parent=612"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/emorah.com\/story\/wp-json\/wp\/v2\/categories?post=612"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/emorah.com\/story\/wp-json\/wp\/v2\/tags?post=612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}