Web Development Quiz

1) CSS stands for –

1. Cascade style sheets
2. Color and style sheets
3. Cascading style sheets
4. None of the above

2) Which of the following is the correct syntax for referring the external style sheet?

1. <style src = example.css>
2. <style src = “example.css” >
3. <stylesheet> example.css </stylesheet>
4. <link rel=”stylesheet” type=”text/css” href=”example.css”>

3) The property in CSS used to change the background color of an element is –

1. bgcolor
2. color
3. background-color
4. All of the above

4) The property in CSS used to change the text color of an element is –

1. bgcolor
2. color
3. background-color
4. All of the above

5) The CSS property used to control the element’s font-size is –

1. text-style
2. text-size
3. font-size
4. None of the above

6) The HTML attribute used to define the inline styles is –

1. style
2. styles
3. class
4. None of the above

7) The HTML attribute used to define the internal stylesheet is –

1. <style>
2. style
3. <link>
4. <script>

8) Which of the following CSS property is used to set the background image of an element?

1. background-attachment
2. background-image
3. background-color
4. None of the above

9) Which of the following is the correct syntax to make the background-color of all paragraph elements to yellow?

1. p {background-color : yellow;}
2. p {background-color : #yellow;}
3. all {background-color : yellow;}
4. all p {background-color : #yellow;}

10) Which of the following is the correct syntax to display the hyperlinks without any underline?

1. a {text-decoration : underline;}
2. a {decoration : no-underline;}
3. a {text-decoration : none;}
4. None of the above

11) Which of the following property is used as the shorthand property for the padding properties?

1. padding-left
2. padding-right
3. padding
4. All of the above

12) The CSS property used to make the text bold is –

1. font-weight : bold
2. weight: bold
3. font: bold
4. style: bold

13) Are the negative values allowed in padding property?

1. Yes
2. No
3. Can’t say
4. May be

14) Which of the following property is used as the shorthand property of margin properties?

1. margin-left
2. margin-right
3. margin
4. None of the above

15) The CSS property used to specify the transparency of an element is –

1. opacity
2. filter
3. visibility
4. overlay

16) Which of the following is used to specify the subscript of text using CSS?

1. vertical-align: sub
2. vertical-align: super
3. vertical-align: subscript
4. None of the above

17) Which of the following CSS property is used to specify the space between every letter inside an element?

1. alpha-spacing
2. character-spacing
3. letter-spacing
4. alphabet-spacing

18) The CSS property used to specify whether the text is written in the horizontal or vertical direction?

1. writing-mode
2. text-indent
3. word-break
4. None of the above

19) Which of the following syntax is correct in CSS to make each word of a sentence start with a capital letter?

1. text-style : capital;
2. transform : capitalize;
3. text-transform : capital;
4. text-transform : capitalize;

20) How to select the elements with the class name “example”?

1. example
2. #example
3. .example
4. Class example

21) Which of the following is the correct syntax to select all paragraph elements in a div element?

1. div p
2. p
3. div#p
4. div ~ p

22) Which of the following is the correct syntax to select the p siblings of a div element?

1. p
2. div + p
3. div p
4. div ~ p

23) The CSS property used to draw a line around the elements outside the border?

1. border
2. outline
3. padding
4. line

24) Which of the following CSS property is used to add shadows to the text?

1. text-shadow
2. text-stroke
3. text-overflow
4. text-decoration

25) Which of the following is not a value of the font-variant property in CSS?

1. normal
2. small-caps
3. large-caps
4. inherit

26) Which of the following CSS property is used to specify whether the table cells share the common or separate border?

1. border-collapse
2. border-radius
3. border-spacing
4. None of the above

27) The CSS property used to make the rounded borders, or rounded corners around an element is –

1. border-collapse
2. border-radius
3. border-spacing
4. None of the above

28) The CSS property used to set the distance between the borders of the adjacent cells in the table is –

1. border-collapse
2. border-radius
3. border-spacing
4. None of the above

29) Which of the following selector in CSS is used to select the elements that do not match the selectors?

1. :! selector
2. :not selector
3. :empty selector
4. None of the above

30) Which of the following is not a type of combinator?

1. > 
2. ~
3. +
4. *

31) Which of the following CSS property defines how an image or video fits into container with established height and width?

1. object-fit
2. object-position
3. position
4. None of the above

32) Which type of CSS is used in the below code?

1. <p style = “border:2px solid red;”>  
2. Inline CSS
3. Internal CSS
4. External CSS
5. None of the above

33) Which of the following CSS property specifies the origin of the background-image?

1. background-origin
2. background-attachment
3. background-size
4. None of the above

34) The CSS property used to set the maximum width of the element’s content box is –

1. max-width property
2. height property
3. max-height property
4. position property

35) Which if the following CSS function allows us to perform calculations?

1. calc() function
2. calculator() function
3. calculate() function
4. cal() function

36) The CSS property used to set the maximum height of the element’s content box is –

1. max-width property
2. height property
3. max-height property
4. position property

37) The CSS property used to set the minimum width of the element’s content box is –

1. max-width property
2. min-width property
3. width property
4. All of the above

38) Which of the following CSS property is used to represent the overflowed text which is not visible to the user?

1. text-shadow
2. text-stroke
3. text-overflow
4. text-decoration

39) The CSS property which is used to define the set the difference between two lines of your content is –

1. min-height property
2. max-height property
3. line-height property
4. None of the above

40) The CSS property which is used to define the set the difference between two lines of your content is –

1. min-height property
2. max-height property
3. line-height property
4. None of the above

41) Which of the following CSS property is used to add stroke to the text?

1. text-stroke property
2. text-transform property
3. text-decoration property
4. None of the above

42) Which of the following CSS property is used to set the blend mode for each background layer of an element?

1. background-blend-mode property
2. background-collapse property
3. background-transform property
4. background-origin property

43) The CSS property used to specify the transparency of an element is –

1. Hover
2. opacity
3. clearfix
4. overlay

44) Which of the following CSS property is used to set the horizontal alignment of a table-cell box or the block element?

1. text-align property
2. text-transform property
3. text-shadow property
4. text-decoration

45) The CSS property which is used to set the text wider or narrower compare to the default width of the font is –

1. font-stretch property
2. font-weight property
3. text-transform property
4. font-variant property

46) Which of the following CSS property is used to specify the type of quotation mark?

1. quotes property
2. z-index property
3. hyphens property
4. None of the above

47) The CSS property used to specify the order of flex item in the grid container is –

1. order property
2. float property
3. overflow property
4. None of the above

48) The CSS property used to set the indentation of the first line in a block of text is –

1. text-indent property
2. text-stroke property
3. text-decoration property
4. text-overflow property

49) Which of the following CSS property creates a clipping region and specifies the visible area of the element?

1. visibility property
2. background-clip property
3. clip-path property
4. None of the above

50) The correct syntax to give a line over text is –

1. text-decoration: line-through
2. text-decoration: none
3. text-decoration: overline
4. text-decoration: underline