Tuesday, 17 July 2018

Styling with CSS3 - Most Popular Question & Answers 13

1. Which feature enables easy identification of corresponding style element?
Ans: Selectors

2. Which feature uses :: (double colon)?
Ans: Pseudo-Elements

3. Which selector matches the name of any element type?
Ans: The Universal Selector

4. What is best way to overcome the default settings that comes with CSS?
Ans: create reset.css in-addition to your existing css

5. Applying style to a single specific HTML element can be best achieved through ________ type selector.
Ans: ID

6. The __________ pseudo-class can be used in a style rule to change the appearance of links that the visitor has already clicked.
Ans: Visited

7. The __________ attribute can be added to most (X)HTML elements to identify the element as belonging to a group of elements within an (X)HTML document
Ans: class

8. In selectors, which one should not be used across for multiple tags?
Ans: id

9. Pseudo elements help in providing
Ans: special effects to some selectors

10. An element with position: fixed; is positioned relative to ____
Ans: the viewport.

11. An element with greater stack order is always in
Ans: front of an element with a lower stack order

12. ______ position elements don't move when the visitor scrolls the browser window up or down.
Ans: Fixed

13. The z-index property in CSS controls
Ans: Vertical stacking order of elements that overlap

14. HTML elements are positioned ___________ by default.

Ans: Static

15. Stacking context is

Ans: three-dimensional conceptualization of HTML elements along an imaginary z-axis.

16. Which snippet of CSS is commonly used to center a website horizontally

Ans: margin: 0 auto;

17. z-index only effects elements that have a position value other than

Ans: Static

18. Which of the following is the value of overflow property?

Ans: hidden, intial, scroll

19. An element with position: relative; is positioned relative to

Ans: its normal position.

20. If only one value is specified to border radius property,

Ans: This radius will be applies to all four corners

21. Which of the following is correct about Hex Code format of CSS colors?

Ans: All the options [First 2 digits red(RR), next 2 digits green(GG), last 2 digits blue(BB)]

22. Identify True or False - Lower the opacity value, the more opaque it is

Ans: False

23. Alpha channel in RGBA specifies the

Ans: Opacity of the object

24. Opacity has a default initial value of

Ans: 1

25. Opacity is not inherited. Is this correct ?

Ans: True

26. The transform-style property value flat

Ans: Specifies that child elements will not preserve its 3D position

27. Using negative values in transforms will rotate the element

Ans: Counter-clockwise

28. Transformation is an effect that lets an element change its __

Ans: Shape, Position, Size

29. CSS3 transforms allow you to _____________ elements

Ans: All the options [Rotate, Skew, Translate]

30. matrix(n,n,n,n,n,n)

Ans: Defines a 2D transformation, using a matrix of six values

31. 3D transform property is animatable. Is this true ?

Ans: False

32. rotateX(angle)

Ans: Defines a 3D rotation along the X-axis

33. The not keyword cannot be used to negate an individual feature query, only an entire media query

Ans: True

34. In video player, if the max-width property is set to 100%, __________

Ans: the video player will scale down if it has to, but never scale up to be larger than its original size

35. A responsive grid-view often has

Ans: 12 columns, and has a total width of 100%

36. @media includes a block of CSS properties only if a certain condition is true.

Ans: Yes

37. The ________ operator is used for combining multiple media features together into a single media query

Ans: and

38. Identify the animation Property

Ans: All the options [@keyframes',animation-name,animation-duration]

39. HTML elements are positioned ____ by default.

Ans: static

40. External Style sheets can contain HTML Tags?

Ans: false

41. The amount of space between letters can be specified using the ________ property in a style rule.


Ans: letter-spacing

42. What is "hgroup"?


Ans: HTML element for group of related headlines

43. An external style sheet may be linked to a HTML document through which element?


Ans: HTML Link ( tag in HTML)

44. Inline CSS uses which attribute of the HTML element?

Ans: style

45. 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 _________


Ans: 100%
46. Opacity is inherited. State true or false.

Ans: False

47. In selectors, which one should not be used across for multiple tags?

Ans: id

48. Style tag is placed ___

Ans: In Document Head

49. The ________ attribute can be added to most (X)HTML elements to identify the element as belonging to a group of elements within an (X)HTML document.

Ans: class

50. How do you display hyperlinks without an underline





Ans: a {text-decoration:none}

51. The style element present within the head of HTML is called as _________





Ans: Inline

52. How do you make each word in a text start with a capital letter?






Ans: text-transform:capitalize

53. When a visitor clicks the submit button in a form, the ______ of each form element is sent






Ans: text-transform:capitalize
If you have more collection of questions?? or If you find any wrong answers from the above?? Feel free to comment below.

13 comments:

  1. Padding property creates _________

    ReplyDelete
  2. What is best way to overcome the default settings that comes with CSS?I need ans for it

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete
  4. The style element present within the head of HTML is called as
    ans: inline is wrong

    ReplyDelete
  5. The following selectors are defined in CSS3, except _________
    :lang(value)
    :root
    :not(a)
    :empty

    Ans: :lang(value)

    ReplyDelete
  6. If no background-position is specified, the image is always placed at the _________ of the element.
    Ans: Top Left

    ReplyDelete
  7. The following CSS code strong:first-of-type{font-size: bigger;}
    A. sets the font size bigger on the first strong tag of its parent.
    B. sets the font size bigger on all of the strong tag of its parent.
    C. sets the font size bigger on the strong tag if only the child of its parent.
    D. None of the above options.

    ANS: A. sets the font size bigger on the first strong tag of its parent.

    ReplyDelete
  8. Other CSS QandA link https://www.siteforinfotech.com/2015/05/solved-multiple-choice-questions-on-css.html

    ReplyDelete
  9. This comment has been removed by the author.

    ReplyDelete
  10. Hi, their colleagues, nice paragraph and nice arguments commented here, I am really enjoying by these.

    BA 1st year time table 2022

    ReplyDelete
  11. Your page has got very important information which I was looking for for a long time this is the best page of 2023 see rest of the information
    Syed Rizwan Ahmed Wiki
    Cecilia Asoro wiki
    Lisa Marie Presley Wiki
    Erika Donalds Wiki

    ReplyDelete