CSS Online Quiz, CSS Quiz - Free Time Learning

1 .

What does CSS stand for?

A)

Creating Style Sheets

B)

Computer Style Sheets

C)

Cascading Style Sheets

D)

Colorful Style Sheets

Correct Answer : Cascading Style Sheets

2 .

Which year W3C was developed in CSS1?

A)

1990

B)

1992

C)

1994

D)

1996

Correct Answer : 1996

3 .

How many types of levels in style sheets ?

A)

One level

B)

two levels

C)

three levels

D)

four levels

Correct Answer : three levels

4 .

From which version of CSS under development since the late 1990s, added a lot of extra features ?

A)

CSS1

B)

CSS2

C)

CSS3

D)

None of the above

Correct Answer : CSS3

5 .

What is the correct HTML for referring to an external style sheet?

A)

<stylesheet>style.css</stylesheet>

B)

<link rel="stylesheet" type="text/css" href="style.css">

C)

<style src="style.css">

D)

<a href="style.css"></a>

Correct Answer :

<link rel="stylesheet" type="text/css" href="style.css">

6 .

An external style sheet is ideal when the style is applied to

A)

single page

B)

few pages

C)

many pages

D)

None of the above

Correct Answer : many pages

7 .

Where in an HTML document is the correct place to refer to an external style sheet?

A)

<head> section

B)

<body> section

C)

<section> section

D)

<footer> section

Correct Answer :

<head> section

8 .

How do you insert a comment in a CSS file?

A)

// this is a css comment

B)

<!-- this is a css comment -->

C)

// this is a css comment //

D)

/* this is a css comment */

Correct Answer :

/* this is a css comment */

9 .

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

A)

<script>

B)

<css>

C)

<style>

D)

<link>

Correct Answer :

<style>

10 .

Which is the correct CSS syntax?

A)

body:color=blue;

B)

body {color: blue;}

C)

{body:color=blue;}

D)

{body;color:blue;}

Correct Answer :

body {color: blue;}

11 .

Which property is used to change the background color?

A)

bgcolor

B)

background-color

C)

color

D)

bg-color

Correct Answer : background-color

12 .

What property is used to change the text color of an element?

A)

color:

B)

fontcolor:

C)

text-color:

D)

font-color:

Correct Answer :

color:

13 .

How do you add a background color for all <h1> elements?

A)

all.h1 {background-color:#0099DA;}

B)

h1.all {background-color:#0099DA;}

C)

h1 {background-color:#0099DA;}

D)

h1 {bg-color:#0099DA;}

Correct Answer :

h1 {background-color:#0099DA;}

14 .

Which CSS property controls the text size?

A)

font-size

B)

text-style

C)

text-size

D)

font-style

Correct Answer :

font-size

15 .

What is the correct CSS syntax for making all the <p> elements bold?

A)

p {font-weight:bold;}

B)

<p style="text-size:bold;">

C)

<p style="font-size:bold;">

D)

p {text-size:bold;}

Correct Answer :

p {font-weight:bold;}

16 .

How do you display hyperlinks without an underline?

A)

a {underline:none;}

B)

a {text-decoration:no-underline;}

C)

a {decoration:no-underline;}

D)

a {text-decoration:none;}

Correct Answer :

a {text-decoration:none;}

17 .

Some HTML elements have multiple states, like the link, how do you give it a particular style when the user hovers over the element?

A)

:onHover

B)

:mouseOver

C)

:hover

D)

:over

Correct Answer : :hover

18 .

Which property is used to change the font of an element?

A)

font-style

B)

font-family

C)

font-weight

D)

font-height

Correct Answer :

font-family

19 .

Which of the following property changes the width of bottom border?

A)

:border-bottom-width

B)

:border-top-width

C)

:border-left-width

D)

:border-right-width

Correct Answer :

:border-bottom-width

20 .

How do you make a list that lists its items with squares?

A)

list: square;

B)

list-style-type: square;

C)

list-type: square;

D)

type:square;

Correct Answer :

list-style-type: square;

21 .

Which of the following value of cursor shows it as an arrow ?

A)

crosshair

B)

pointer

C)

move

D)

default

Correct Answer :

default

22 .

How do you select an element with id "demo"?

A)

#demo

B)

.demo

C)

*demo

D)

demo

Correct Answer :

#demo

23 .

The id selector is used to specify a style for

A)

single, common element

B)

single, unique element

C)

multiple,common element

D)

multiple,unique element

Correct Answer :

single, unique element

24 .

How do you select elements with class name "demo"?

A)

#demo

B)

demo

C)

*demo

D)

.demo

Correct Answer : .demo

25 .

What is the default value of the position property?

A)

static

B)

fixed

C)

relative

D)

absolute

Correct Answer : static

26 .

How would you style table rows to have alternating background colors?

A)

tr:even{background-color:#CCC;}

B)

td:even{background-color:#CCC;}

C)

td:nth-child(even){background-color:#CCC;}

D)

tr:nth-child(even){background-color:#CCC;}

Correct Answer :

tr:nth-child(even){background-color:#CCC;}

27 .

How would you only create a border below an HTML element?

A)

bottom-border:solid;

B)

border-bottom-style:solid;

C)

border-bottom-weight:solid;

D)

bottom:solid;

Correct Answer :

border-bottom-weight:solid;

28 .

In the following code snippet, what value is given for the left margin: ? margin: 5px 10px 3px 8px;

A)

3px;

B)

10px;

C)

5px;

D)

8px;

Correct Answer : 8px;

29 .

Which of the margin is commonly used to center a website?

A)

margin:0px 0px 0px;

B)

margin:auto 0px;

C)

margin:0px auto;

D)

margin-align:center;

Correct Answer :

margin:0px auto;

30 .

Which of the following would be used to create an ID called header which has a width of 750px, a height of 30px and the color of the text is black?

A)

#header{height:30px; width:750px; color:#000;}

B)

.header{height:30px; width:750px; font-color:#000;}

C)

#header{height:30px; width:750px; text-color:#000;}

D)

.header{height:30px; width:750px; color:#000;}

Correct Answer :

#header{height:30px; width:750px; color:#000;}

31 .

What is the correct Syntax for importing a stylesheet in CSS?

A)

@import-stylesheet url(css/style.css);

B)

@import url(css/style.css);

C)

@import-css url(css/style.css);

D)

@import-style url(css/style.css);

Correct Answer :

@import url(css/style.css);

32 .

What is the correct CSS syntax for making all the <span> tag font size 16px?

A)

span{size:16px;}

B)

span{font-weight:16px;}

C)

span{text-size:16px;}

D)

span{font-size:16px;}

Correct Answer :

span{font-size:16px;}

33 .

Which of the following is the correct CSS syntax for using the font property ?

A)

<p style="font: italic bold 15px;"> 
  Free Time Learning 
</p>

B)

<p style="font: italic, bold, 15px;"> 
  Free Time Learning  
</p>

C)

<p style="font-style: italic font-weight: bold font-size: 15px;"> 
  Free Time Learning  
</p>

D)

<p style="font-style:bold font-weight: italic font-size: 15px;"> 
  Free Time Learning  
</p>

Correct Answer :

<p style="font: italic bold 15px;"> 
  Free Time Learning 
</p>

34 .

What property can you use to set the spacing in between lines of text?

A)

line-spacing

B)

line-height

C)

spacing

D)

letter-spacing

Correct Answer : line-height

35 .

What property can you use to set the spacing in between the letters ?

A)

font-space

B)

text-space

C)

word-spacing

D)

letter-spacing

Correct Answer : letter-spacing

36 .

What property can you use to set the spacing in between the two words?

A)

font-spacing

B)

word-spacing

C)

letter-spacing

D)

All of the above.

Correct Answer : word-spacing

37 .

What property would you use to set an image instead of a standard bullet in a list?

A)

list-image:

B)

list-style-image:

C)

list-image-src:

D)

image-list:

Correct Answer :

list-style-image:

38 .

If you wanted to position an element to the right in its container, what is a valid CSS property to use?

A)

display:right;

B)

float-right:0px;

C)

display-right:0px;

D)

float:right;

Correct Answer : float:right;

39 .

What property would you use to change the size of an HTML element’s border?

A)

border-size:5px;

B)

border:width:5px;

C)

border-width:5px;

D)

border:size:5px;

Correct Answer :

border-width:5px;

40 .

What property would you use to change the list style to show roman numerals instead of normal numbers?

A)

list-style-type:upper-roman;

B)

list-type:roman;

C)

list-bullet-type:roman-numerals;

D)

list-style:roman;

Correct Answer : list-style-type:upper-roman;

41 .

The CSS links properties are

A)

:link, :visited, :hover, :active, :inactive

B)

:link, :visited, :hover, :active

C)

:link, :visit, :hover, :active

D)

:link, :visited, :over, :active

Correct Answer :

:link, :visited, :hover, :active

42 .

The _____ specifies whether a border should be solid, dashed line, doted line, double line, groove etc.

A)

border-style

B)

border-weight

C)

border-decoration

D)

border-layout

Correct Answer :

border-style

43 .

Which of the following defines a measurement in inches ?

A)

mm

B)

inm

C)

mn

D)

in

Correct Answer : in

44 .

Internet Explorer uses the _____ property to create transparent images.

A)

filter= alpha(opacity:x)

B)

-moz-opacity:x

C)

filter: alpha(opacity=x)

D)

none of the above

Correct Answer : filter: alpha(opacity=x)

45 .

Which of the following is correct about RGB Values format of CSS colors ?

A)

This property takes three values, one each for red, green, and blue.

B)

This color value is specified using the rgb( ) property.

C)

The value can be an integer between 0 and 255 or a percentage.

D)

All of the above.

Correct Answer : All of the above.

46 .

If we want define style for an unique element, then which css selector will we use ?

A)

Id

B)

Text

C)

Class

D)

Name

Correct Answer : Id

47 .

If we don't want to allow a floating div to the left side of an element, which css property will we use ?

A)

margin

B)

clear

C)

float

D)

padding

Correct Answer :

48 .

Suppose we want to arragnge five nos. of DIVs so that DIV4 is placed above DIV1. Now, which css property will we use to control the order of stack?

A)

d-index

B)

s-index

C)

x-index

D)

z-index

Correct Answer : z-index

49 .

Can we align a Block element by setting the left and right margins ?

A)

Yes, we can

B)

Not Possible

C)

None of the Above

D)

--

Correct Answer : Not Possible

50 .

If we want to wrap a block of text around an image, which css property will we use ?

A)

float

B)

wrap

C)

align

D)

push

Correct Answer : float

51 .

If we want to show an Arrow as cursor, then which value we will use ?

A)

pointer

B)

arrow

C)

default

D)

arr

Correct Answer : default

52 .

If we want to use a nice looking green dotted border around an image, which css property will we use?

A)

border-color

B)

border-decoration

C)

border-style

D)

border-line

Correct Answer : border-style

53 .

Which of the following properties will we use to display border around a cell without any content ?

A)

noncontent-cell

B)

blank-cell

C)

void-cell

D)

empty-cell

Correct Answer : empty-cell

54 .

What should be the table width, so that the width of a table adjust to the current width of the browser window?

A)

full-screen

B)

100%

C)

640 pixels

D)

1024 pixels

Correct Answer : 100%

55 .

Which element is used in the <HEAD> section on an HTML / XHTMLpage, if we want to use an external style sheet file to decorate the page ?

A)

<link>

B)

<src>

C)

<style>

D)

<css>

Correct Answer : <link>

56 .

Which attribute can be added to many HTML / XHTML elements to identify them as a member of a specific group ?

A)

id

B)

class

C)

div

D)

span

Correct Answer : class

57 .

When we write <img src="img.png">, what "img.png" inside double quote implies?

A)

element

B)

attribute

C)

value

D)

operator

Correct Answer : value

58 .

How can we write comment along with CSS code ?

A)

/* a comment */

B)

// a comment //

C)

/ a comment /

D)

<' a comment'>

Correct Answer : /* a comment */

59 .

Which css property you will use if you want to add some margin between a DIV's border and its inner text ?

A)

spacing

B)

margin

C)

padding

D)

inner-margin

Correct Answer : padding

60 .

Which CSS property is used to control the text size of an element ?

A)

font-style

B)

text-size

C)

font-size

D)

text-style

Correct Answer : font-size

61 .

The default value of "position" attribute is _________.

A)

fixed

B)

absolute

C)

inherit

D)

relative

Correct Answer : relative

62 .

How will you make all paragraph elements 'RED' in color ?

A)

p {color: red;}

B)

p.all {color: red;}

C)

p.all {color: #990000;}

D)

all.p {color: #998877;}

Correct Answer :

p {color: red;}

63 .

By default Hyperlinks are displayed with an underline. How do you remove the underline from all hyperlinks by using CSS code ?

A)

a {text: no-underline;}

B)

a {text-decoration:none;}

C)

a {text-style: no-underline;}

D)

a {text-decoration: no-underline;}

Correct Answer :

a {text-decoration:none;}

64 .

Which of the following element is used by the filter property to blur the images?

A)

opaque()

B)

scatter()

C)

blur()

D)

all of the mentioned

Correct Answer : blur()

65 .

_________ describes CSS properties to manipulate the position of “ruby”, which are small annotations on top of or next to words, especially common in Chinese and Japanese.

A)

align

B)

ruby

C)

lang

D)

text-align

Correct Answer : ruby

66 .

Which of the following tag is used to linked information should be placed inside?

A)

<head>

B)

<html>

C)

<div>

D)

<body>

Correct Answer : <head>

67 .

Which of the following is not an Absolute Unit?

A)

px

B)

em

C)

pt

D)

mm

Correct Answer : em

68 .

Which of the following function adjust the brightness of an element’s color, for use by the filter property?

A)

contrast()

B)

dark()

C)

light()

D)

brightness()

Correct Answer : brightness()

69 .

__________ has a grammar but unlike traditional (X)HTML it is not defined with a document type definition.

A)

CSS 1

B)

CSS 2

C)

CSS 2.1

D)

CSS 3

Correct Answer : CSS 2.1

70 .

Which of the following tag can be used to embed a Document-wide styles in a document’s head element?

A)

<html>

B)

<head>

C)

<style>

D)

<script>

Correct Answer : <style>

71 .

Which of the following unit represent the viewport’s width?

A)

vh

B)

vmin

C)

vw

D)

ch

Correct Answer : vw

72 .

Which of the following function adjusts the difference between light and dark values, for use by the filter property?

A)

contrast()

B)

dark()

C)

light()

D)

brightness()

Correct Answer : contrast()

73 .

What will be the output of following code snippet?

h1 {color: red text-decoration: underline; font-style: italic;}

A)

color: red, text-decoration: underline and font-style: italic all works

B)

text-decoration: underline and font-style: italic works

C)

color: red, text-decoration: underline works

D)

only font-style: italic works

Correct Answer : only font-style: italic works

74 .

Which of the following property sets a variation of the specified or default font family?

A)

height

B)

font-weight

C)

font-variant

D)

default

Correct Answer : font-variant

75 .

Which of the following Color Format can also be defined using the keyword rgb, followed by three numbers between 0 and 255, contained in parentheses and separated by commas, with no spaces between them?

A)

RGB Color

B)

RGBa Color

C)

HSL Color

D)

HSLa Color

Correct Answer : RGB Color

76 .

Which of the following function with filter property to create your own sophisticated effects on DOM elements?

A)

create()

B)

DOM()

C)

custom()

D)

none of the above

Correct Answer : custom()

77 .

Which of the following function converts an element’s color to a shade of gray, for use by the filter property?

A)

shade()

B)

grayscale()

C)

black()

D)

brightness()

Correct Answer : grayscale()

78 .

What will be the output of below mentioned code snippet?

h1 {color: "green";}

A)

heading becomes green

B)

heading becomes dark-green

C)

error occors

D)

none of the above

Correct Answer : none of the above

79 .

Which of the following property defines labels for a list of items?

A)

list-style-type

B)

list-style-image

C)

list-style

D)

list

Correct Answer : list-style-type

80 .

Which of the following is not a attribute of the audio element?

A)

controls

B)

src

C)

check

D)

loop

Correct Answer : check

81 .

Which of the following function flips an element’s colors, for use by the filter property?

A)

image()

B)

flip()

C)

invert()

D)

contrast()

Correct Answer : invert()

82 .

What does screen media type is used for?

A)

For use with all devices

B)

For use with handheld devices

C)

For use with computer screens

D)

For use with television-type devices

Correct Answer : For use with computer screens

83 .

Which of the following property assigns a graphic image to a list item?

A)

list-style-type

B)

list-style-image

C)

list-style

D)

list

Correct Answer : list-style-image

84 .

Which of the following function applies a saturation effect to an element’s color, making it appear more or less vivid, for use by the filter property?

A)

color()

B)

saturation()

C)

saturate()

D)

none of the above

Correct Answer : saturation()

85 .

Which of the following property sets the amount of spacing between letters?

A)

space

B)

line-height

C)

letter-spacing

D)

letter-space

Correct Answer : letter-spacing

86 .

Which of the following Protocol enables a hyperlink to access a file on the local file system?

A)

file

B)

https

C)

ftp

D)

telnet

Correct Answer : file

87 .

Which of the following function defines a linear gradient as a CSS image?

A)

grayscale()

B)

gradient()

C)

image()

D)

linear-gradient()

Correct Answer : linear-gradient()

88 .

Which of the following color has this value #ff0000?

A)

blue

B)

red

C)

green

D)

yellow

Correct Answer : red

89 .

Which of the following function two dimensional transformation in matrix format?

A)

matrix()

B)

matrix2d()

C)

matrix3d()

D)

perspective

Correct Answer : matrix()

90 .

Which of the following function apply a sepia tinge to an element’s color, typical of old photographs, for use by the filter property?

A)

grayscale()

B)

sepia()

C)

contrast()

D)

brightness()

Correct Answer : sepia()

91 .

Which of the following specifies a transition effect with same speed from start to end?

A)

linear

B)

ease-out

C)

ease-in-out

D)

ease

Correct Answer : linear

92 .

Which of the following will represent browsers in their normal states?

A)

CSS ON/Images ON

B)

CSS ON/Images OFF

C)

CSS OFF/Images ON

D)

CSS OFF/Images OFF

Correct Answer : CSS ON/Images ON

93 .

Which of the following specifies how many seconds a transition effect takes to complete?

A)

transition-delay

B)

transition-duration

C)

transition-property

D)

transition

Correct Answer : transition-duration

94 .

What specifies the speed curve of transition effect?

A)

transition-delay

B)

transition-property

C)

transition-duration

D)

transition-timing-function

Correct Answer : transition-timing-function

95 .

Which of the following defines a MIME string format of the content being returned?

A)

content-type:string

B)

expires:date string

C)

location:URL string

D)

last-modified:string

Correct Answer : content-type:string

96 .

Using negative text-indent is also known as ______

A)

The Scott Kellum method

B)

Radu Darvas Technique

C)

The Langridge method

D)

The Phark method

Correct Answer : The Phark method

97 .

Which of the following specifies the length of the data being returned?

A)

set-cookie: string

B)

location: URL string

C)

content-length: string

D)

last-modified: string

Correct Answer : content-length: string

98 .

Using margin is also known as________

A)

Fahrner image replacement

B)

The Lindsay method

C)

Radu Darvas Technique

D)

The Langridge method

Correct Answer : Radu Darvas Technique

99 .

Using padding is also known as ______

A)

Leon Dwyer method

B)

Radu darvas method

C)

Lindsay method

D)

Langridge method

Correct Answer : Langridge method

100 .

Clip property is not supported in ______

A)

Internet Explorer

B)

Chrome

C)

Safari

D)

Opera

Correct Answer : Internet Explorer

101 .

Which of the following is only for table elements?

A)

initial

B)

hidden

C)

collapse

D)

inherit

Correct Answer : collapse

102 .

Which variable defines the data type of the content?

A)

content_type

B)

content_length

C)

http_cookie

D)

http_user_agent

Correct Answer : content_type

103 .

What defines the date when information becomes invalid?

A)

last-modified: string

B)

expires: date string

C)

last-modified: string

D)

content-type: string

Correct Answer : expires: date string

104 .

Using Small font-size is also known as ____

A)

Lindsay method

B)

Levin technique

C)

Radu Darvas Shim

D)

Leon Dwyer method

Correct Answer : Lindsay method

105 .

Which of the following selects all elements with a target attribute?

A)

attribute

B)

attribute=value

C)

attribute~=value

D)

attribute^=value

Correct Answer : attribute

106 .

Which of the following selects every <a> element whose href attribute value contains the given substring?

A)

attribute$=value

B)

attribute*=value

C)

attribute^=value

D)

attribute|=value

Correct Answer : attribute*=value

107 .

Which of the following selects every <p> element that has no children?

A)

:empty

B)

:enabled

C)

:checked

D)

:disabled

Correct Answer : :empty

108 .

Which of the following will select every <p> element that is the only child of its parent?

A)

:only-child

B)

:only-of-type

C)

:optional

D)

:out-of-range

Correct Answer : :only-child

109 .

outline-offset is not supported by _____

A)

Firefox

B)

IE

C)

Chrome

D)

Opera

Correct Answer : IE

110 .

@font-feature-values are only supported in _____

A)

IE

B)

firefox

C)

chrome

D)

Opera

Correct Answer : firefox

111 .

Which selects all visited links?

A)

:valid

B)

:visited

C)

:target

D)

:selection

Correct Answer : :visited

112 .

If a particular rule should never be overridden by another rule, the ____________ indication should be used.

A)

@important

B)

!important!

C)

!important

D)

important!

Correct Answer : !important

113 .

Which of the following option a declaration consist of?

A)

Tag

B)

Property

C)

Selector

D)

Class

Correct Answer : Property

114 .

As a general rule, properties in CSS inherit from ___________ elements

A)

child to parent

B)

parent to child

C)

grandparents to parents

D)

none of the above

Correct Answer : parent to child

115 .

CSS3 ___________ let you display smooth transitions between two or more specified colors

A)

Float

B)

Align

C)

Gradients

D)

Color

Correct Answer : Align

116 .

The _______ property specifies whether or not an element should be resizable by the user.

A)

Resize

B)

Outline Offset

C)

Unit

D)

None of the above

Correct Answer : Resize

117 .

Which of the following property defines the gap between columns in a multicolumn text flow?

A)

column-float

B)

column-flow

C)

column-gap

D)

column-width

Correct Answer : column-gap

118 .

Which of the following property defines the style, width, and color of the rule divider between columns in a multicolumn text flow?

A)

column

B)

column-check

C)

column-change

D)

column-rule

Correct Answer : column-rule

119 .

Which of the following css property is used to indicate if an animation plays in reverse or repeats itself every other iteration?

A)

animation-iteration

B)

animation-check

C)

animation-direction

D)

animation-state

Correct Answer : animation-direction

120 .

Which of the following css property is used to define a delay before an animation starts?

A)

transform-delay

B)

delay-function

C)

delay-animation

D)

animation-delay

Correct Answer : animation-delay

121 .

Which of the following css property is used to define which properties a transition will be applied to?

A)

animation-property

B)

transition-property

C)

css3-property

D)

none of the above

Correct Answer : transition-property

122 .

Which of the following css property is used to define the time it takes one iteration of an animation to play?

A)

animation-duration

B)

animation-time

C)

animation-value

D)

none of the above

Correct Answer : animation-duration

123 .

Which of the following css property is used to define the animations that should be run?

A)

animation-run

B)

animation-name

C)

transtion-name

D)

none of the above

Correct Answer : none of the above

124 .

Which of the following css property repeats an image both horizontally and vertically?

A)

background

B)

background-image

C)

background-repeat

D)

background-position

Correct Answer : background-repeat

125 .

Which of the following CSS3 property specifies how nested elements are rendered in 3D space?

A)

transform

B)

transform-style

C)

transform-render

D)

none of the above

Correct Answer : transform-render

126 .

Which of the following CSS3 property specifies the intrinsic resolution of all raster images used in/on the element?

A)

image-resolution

B)

image-orientation

C)

image-rendering

D)

all of the above

Correct Answer : image-resolution

127 .

Which of the following CSS3 property specifies how the contents of a replaced element should be fitted to the box established by its used height and width?

A)

object-fit

B)

object-position

C)

image-orientation

D)

none of the above

Correct Answer : object-fit

128 .

Which of the following CSS3 property specifies the alignment of the replaced element inside its box?

A)

object

B)

object-allign

C)

object-position

D)

object-render

Correct Answer : object-position

129 .

Which of the following css property defines whether or not an element should be visible when not facing the screen?

A)

visibility

B)

backface-control

C)

backface-visibility

D)

none of the above

Correct Answer : backface-visibility

130 .

Which of the following selector is used to selects the element that is the nth child of its parent?

A)

:nth-child(n)

B)

::first-line

C)

:last-of-type

D)

:first-of-type

Correct Answer : :nth-child(n)