QUIZ ON : css - PROPERTIES IN CSS

PROPERTIES IN CSS

00:00:00

Question No# : 01 out of 50

What does the > selector do in CSS

A. Selects all elements

B. Selects all child elements of a specified element

C. Selects all descendant elements

D. Selects the next sibling element

Question No# : 02 out of 50

What is the purpose of the CSS float property

A. Adds rounded corners to an element

B. Aligns an element to the center

C. Moves an element to the left or right

D. Changes the transparency of an element

Question No# : 03 out of 50

Which property prevents elements from overlapping a floated element

A. clear

B. overflow

C. z-index

D. display

Question No# : 04 out of 50

In the following transition, what does .4s describe? transition: color .4s linear;

A. Word-spacing

B. Padding

C. Duration

D. Property

Question No# : 05 out of 50

The CSS property font-style: italic; does what to the text

A. Makes the text bold

B. Applies an underline to the text

C. Applies an italic style to the text

D. Centers the text within the container

Question No# : 06 out of 50

The CSS property text-decoration: underline; is used to

A. Add a background color to the text

B. Apply an underline to the text

C. Change the font style

D. Make the text bold

Question No# : 07 out of 50

Which pseudo-class is used to define the style of an element when a user mouses over it

A. :link

B. :hover

C. :active

D. :focus

Question No# : 08 out of 50

What does the CSS property box-shadow allow you to do

A. Add a shadow to the border of an element

B. Change the background color of an element

C. Increase the element's size

D. Apply a shadow to the text inside an element

Question No# : 09 out of 50

The currentColor value in CSS is used for:

A. Setting the current date and time

B. Matching the color value of the element's text

C. Adjusting the transparency of an element

D. Changing the font family of an element

Question No# : 10 out of 50

The CSS property justify-content is used in:

A. Flexbox

B. Grid layout

C. Text alignment

D. Adding shadows to the element

Question No# : 11 out of 50

Which CSS property is used to change the text color of an element

A. font-color

B. text-color

C. color

D. text-style

Question No# : 12 out of 50

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

A. You can't do that with CSS

B. transform:capitalize

C. text-style:capitalize

D. text-transform:capitalize

Question No# : 13 out of 50

Which of the following is the correct syntax for a CSS ID selector

A. #idname {}

B. .idname {}

C. idname {}

D. *idname {}

Question No# : 14 out of 50

How do you make a list item in an unordered list display without bullets

A. list-style-type: none;

B. text-decoration: none;

C. bullet-style: none;

D. display: no-bullet;

Question No# : 15 out of 50

The CSS property font-weight is used to control:

A. The size of the font

B. The thickness of the font characters

C. The color of the font

D. The spacing between letters

Question No# : 16 out of 50

What is the correct way to link an external CSS file to an HTML document

A. <style src="style.css">

B. <link rel="stylesheet" href="style.css">

C. . <css link="style.css">

D. <script src="style.css">

Question No# : 17 out of 50

What is the purpose of the margin property in CSS

A. Adds space inside an element

B. Adds space outside an element

C. Sets the font size

D. Changes the background color

Question No# : 18 out of 50

What does the CSS property object-fit control

A. The size of the content box

B. The alignment of the text

C. How an element's content should be resized to fit its container

D. The position of the element in the viewport

Question No# : 19 out of 50

Which CSS property sets a background image for an element

A. background-color

B. background

C. background-image

D. both b and c

Question No# : 20 out of 50

Which CSS property should one use to encircle an image with text?

A. Float

B. Push

C. Align

D. wrap

Question No# : 21 out of 50

Which property will be used to display an image of at least 100px width?

A. max-height

B. max-width

C. min-height

D. min-width

Question No# : 22 out of 50

What is the correct syntax for a keyframe in CSS

A. @frames

B. @keyframe

C. @keyframes

D. @animation-frames

Question No# : 23 out of 50

Which CSS property is used to change the order of flex items

A. order

B. flex-order

C. item-order

D. flex-direction

Question No# : 24 out of 50

How do you display hyperlinks without an underline?

A. a {decoration:no-underline;}

B. a {underline:none;}

C. a {text-decoration:none;}

D. a {text-decoration:no-underline;}

Question No# : 25 out of 50

The "color:black" in CSS syntax is known as

A. Vaiue

B. Declaration

C. Selector

D. Rule

Question No# : 26 out of 50

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

A. all.h1 { background-color:#FFFFFF; }

B. h1 { background-color:#FFFFFF; }

C. h1.all { background-color:#FFFFFF; }

D. none of the above

Question No# : 27 out of 50

What does the CSS property display: none; do

A. Hides the element

B. Changes the font

C. Increases the element's size

D. Makes the element visible

Question No# : 28 out of 50

The CSS property min-width is used to:

A. Set the maximum width of an element

B. Specify the minimum width of an element

C. Set the minimum font size of text

D. Change the background color of an element

Question No# : 29 out of 50

What does the CSS property position: fixed; do

A. Positions the element relative to its normal position

B. Centers the element on the page

C. Removes the element from the document flow

D. Fixes the element to a specified position in the viewport

Question No# : 30 out of 50

which is the correct format to set the border width for (top=10px,bottom=5px,left=20px and right=1px)

A. border-width:10px 1px 5px 20px;

B. border-width:5px 20px 10px 1px;

C. border-width:10px 20px 5px 1px;

D. border-width:10px 5px 20px 1px;

Question No# : 31 out of 50

Which property is used to display the text in italics?

A. font-family

B. font-style

C. font-weight

D. text-style

Question No# : 32 out of 50

Which property is used for font size in css?

A. text-size

B. font-size

C. font-style

D. fontsize

Question No# : 33 out of 50

Which property is used to change the left margin of an element?

A. margin-left

B. indent

C. padding-left

D. left-margin

Question No# : 34 out of 50

Which CSS property is used to make the text bold

A. font-weight

B. font-style

C. text-decoratio

D. text-weight

Question No# : 35 out of 50

Which CSS property sets a background image for an element?

A. background

B. background-attachment

C. background-color

D. background or background-image both

Question No# : 36 out of 50

Which of the following options is correct for the following statements: 1) Vertical margins add together 2) Horizontal margins add together

A. Statement 1) is correct and 2) is incorrect

B. Statement 1) is incorrect and 2) is correct

C. Statement 1) and 2) are both correct

D. Statement 1) and 2) are both incorrect

Question No# : 37 out of 50

Which property is used to give space between content and border?

A. margin

B. indent

C. padding

D. gap

Question No# : 38 out of 50

Which of the following components of the CSS box model are transparent?

A. Padding

B. Margin

C. Border

D. Both A and B

Question No# : 39 out of 50

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

Question No# : 40 out of 50

Select the CSS property that sets the width of an element’s bottom border?

A. border-width

B. border-bottom

C. border-width-bottom

D. border-bottom-width

Question No# : 41 out of 50

What is the purpose of the CSS property flex-direction

A. Sets the direction of the text within the element

B. Defines the order of stacking for positioned elements

C. Sets the direction of the flexible items inside a flex container

D. Controls the spacing between lines of text

Question No# : 42 out of 50

The CSS property text-decoration: none; is used to

A. Remove the underline from a link

B. Apply an underline to a link

C. Change the font size of a link

D. Set the color of a link

Question No# : 43 out of 50

Which of the following property is used to control the scrolling of an image in the background

A. background-attachment

B. background

C. background-repeat

D. background-position

Question No# : 44 out of 50

Which CSS property is used to control the space between letters in a text

A. letter-spacing

B. word-spacing

C. text-spacing

D. line-spacing

Question No# : 45 out of 50

What does the CSS property opacity: 0.5; indicate?

A. Makes the element transparent

B. Increases the font size

C. Adds a shadow to the element

D. Changes the background color

Question No# : 46 out of 50

The CSS property position: sticky; is used for:

A. Fixing the element at the top of the viewport during scrolling

B. Applying relative positioning to the element

C. Removing the element from the document flow

D. Center-aligning the element

Question No# : 47 out of 50

How to apply specific styles to h1 tag only when mouse points to it

A. h1.hover

B. h1 : hover

C. h1-hover

D. h1+hover

Question No# : 48 out of 50

Which of the following file extensions can be used for CSS files

A. .html

B. .css

C. .js

D. .style

Question No# : 49 out of 50

Default value of CSS position property is

A. Relative

B. Absolute

C. Fixed

D. Static

Question No# : 50 out of 50

The CSS property opacity is used to

A. Adjust the width of the element

B. Set the transparency of the element

C. Change the font color

D. Control the spacing between lines