Styling with CSS3 - Most Popular Question & Answers 12

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.