Ultimate CSS Quiz: Test Your Front-End Development Skills Quiz Test

Q1

CSS was first proposed by ___

A A. Hakon Wium Lie B B. Kenly Wium Lie C C. Falcon Wium Lie D D. Burne Wium Lie

Q2

When was the CSS first version invented ?

A A. 1996 B B. 1997 C C. 1998 D D. 1999

Q3

CSS 2 release date ____ ?

A A. 1996 B B. 1998 C C. 1997 D D. 1999

Q4

What is the acronym of CSS ?

A A. Cascading Styles Sheets B B. Cascading head Sheets C C. Cascading Style Sheet D D. Cascading Style Sheets

Q5

CSS is a computer language.

A A. True B B. False C C. Both D D. None of the above

Q6

Which of the following one is not a CSS type ?

A A. Internal CSS B B. Decoded CSS C C. Embedded CSS D D. Both B and C

Q7

Which pair is simillar in CSS ?

A A. External/ Embedded CSS B A. Inline/ Embedded CSS C C. Inline/Internal D D. Internal/ Embedded CSS

Q8

CSS stands for ?

A A. Internal Style Sheet B B. Cascading Style Sheet C C. External Style Sheet D A. Inline Style Sheet

Q9

Which of the bellow one is the correct syntax for referring the external CSS ?

A A. <style src = "style.css" > B B. <style src = style.css> C C. <link rel="stylesheet" type="text/css" href="style.css"> D D. <stylesheet> style.css </stylesheet>

Q10

Which property is responsible to change the background color on an element in CSS ?

A A. color B B. background-color C C. bg-color D D. bgcolor

Q11

The CSS property that controls the font size on an element is___ ?

A A. font-size B B. font-style C C. font-weight D D. None of the above

Q12

Which syntex is used to display the hyperlinks without underline ?

A A. a {text-decoration : none;} B B. a {text-decoration : remove;} C C. a {text-style : none;} D D. a {decoration-style : none;}

Q13

Which of the bellow property is used as the shorthand property for the padding properties ?

A A. padding-left B B. padding C C. padding-right D D. All of the above

Q14

The CSS property that makes the text bold is___

A A. font-weight : bold B B. weight: bold C C. font-size: bold D D. None

Q15

Negative values are allowed in padding property ?

A A. True B B. Sometimes true C C. Yes using !important D D. False

Q16

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

A A. margin-right B B. margin-left C C. margin D D. only-margin

Q17

What is the correct syntax in CSS3 to make every word of a sentence begin with a capital letter ?

A A. text-style : capital B B. text-transform : capitalize C C. text-transform : capital D D. transform : capitalize

Q18

Which of the following syntax is correct to select the elements with the class name "journey" ?

A A. .journey B B. #journey C C. _journey D D. :journey

Q19

How many combinators available in CSS ?

A A. 3 ypes B B. 2 types C C. 4 types D D. 5 types

Q20

Which of the bellow is not a type of combinator in CSS ?

A A. + B B. > C C. ~ D D. !

Q21

Which type of CSS is used in the following code ?

<span style = "margin-top:10px;"> Hello Web Journey </span>

A A. External CSS B B. Inline CSS C C. Internal CSS D D. None of the avobe

Q22

The CSS property used to set the maximum height of the element's content box is __

A A. position property B B. height property C C. min-height property D D. max-height property

Q23

In CSS which property is used to add stroke in the text ?

A A. text-transform property B B. text-stroke property C C. text-decoration property D D. None of the above

Q24

Which of the following one is not a CSS property ?

A A. opacity B B. clearfix C C. overlay D D. cleandex

Q25

The CSS property used to specify the order of flex item in the grid container is__

A A. order property B B. float property C C. overflow property D D. None of the above

Q26

Which of the following HTML tag is used to define an internal style sheet ?

A A. <style> B B. <inline> C C. <css> D D. <inline>

Q27

In HTML document where we refer to an external style sheet ?

A A. in the <head> section B B. in the <title> section C A. in the <body> section D D. in the <script> section

Q28

style is a attribute, true or false__

A A. Sometimes true B B. False C C. True D D. None

Q29

Which property is used to define the text color ?

A A. text-color B B. color C C. font-color D D. Both B & C

Q30

Which of the bellow property is used to define the font of the element's text ?

A A. font-style B D. font C C. Both B and D D D. font-family

Q31

What is the default size for normal text in CSS ?

A A. 12px B B. 13px C C. 14px D D. 16px

Q32

What type of CSS is generally recommended for designing large web pages ?

A A. Internal CSS B B. External CSS C C. Inline CSS D D. All of the above

Q33

What is the correct way to write comment in CSS ?

A A. !--! B B. /* */ C C. // D D. All of the above

Q34

In the following code snippet, in what order will the margins be added ?

h1 {
  margin: 10px 20px 30px 40px;
}

A A. Top, Right, Left, Bottom B B. Left, Right, Bottom, Top C D. Left, Top, Right, Bottom D D. Top, Right, Bottom, Left

Q35

Which of the following is used to spacing between each letter in a text in CSS?

A A. charecter-spacing B B. alpha-spacing C C. letter-spacing D D. None

Q36

Which of the following are valid CSS position property values ?

A A. absolute B B. relational C C. static D D. All of the above

Q37

Which of the bellow CSS property is used for managing the layout ?

A A. text-decoration B B. text C C. absolute D D. display

Q38

What is the correct syntax of writing the var() function ?

A A. var(--name,value) B B. var(--name) C C. var(--value) D A. var(name)

Q39

Which function is used to insert values of a CSS variable?

A A. rand() B B. var() C C. abs() D D. max()

Q40

Which one is not type of gradients in CSS ?

A A. Conic Gradients B A. Linear Gradients C C. Radial Gradients D D. Generic Gradients

Q41

In what way we add more importance to a property/value than normal in CSS ?

A C. ! important ! B B. important C C. !important D D. None

Q42

Which function is used to returns the value of an attribute of the selected element ?

A A. attr() B B. calc() C C. counter() D D. All of the above

Q43

Whic function is used to return the current value ?

A A. calc() B B. abs() C C. counter() D D. None of the above

Q44

CSS can be used for animations and transitions__

A A. True B B. False C C. Quite impossible D D. Both B and C

Q45

CSS units are used for expressing__

A A. height B B. length C C. width D D. All of the above

Q46

Which of the following is not a CSS unit ?

A A. px B B. mx C C. cm D D. in

Q47

Which of the bellow unit is relative to the parent element ?

A A. % B B. em C C. mm D D. px

Q48

How can we define custom fonts using CSS ?

A A. @font-face rule B B. Not possible to define C C. pre-defined D D. All of the above

Q49

How can we align the p tag text in center ?

<p>Hello, keep me center</p>

A A. p{ text-left; } B B. p{ text-align:center; } C C. p{ text-align:right; } D D. p{ text-align:relative; }

Q50

Which of the following is the correct approach to make a table responsive ?

A A. overflow-x:responsive B B. overflow-x:none C C. overflow-y:auto D D. overflow-x:auto

Quiz Complete!

Explore Other Quiz Topics

Quizzes

Categories

Sign Up WebJourney

Ultimate CSS Quiz: Test Your Front-End Development Skills (50)

Quiz Complete!

Explore Other Quiz Topics

Quizzes

Categories

Sign In WebJourney

Sign Up WebJourney

Lost Your Password