QUIZ ON : css - PROPERTIES IN CSS

PROPERTIES IN CSS

00:00:00

Question No# : 01 out of 50

Which HTML tag is used to apply an external CSS file

A. <style>

B. <css>

C. . <link>

D. . <script>

Question No# : 02 out of 50

Which CSS property is used to control the order of flex items in the container

A. flex-order

B. order

C. flex-direction

D. item-order

Question No# : 03 out of 50

How do you apply multiple external CSS files to an HTML document

A. Only one file can be linked at a time

B. Use multiple <link> tags for each file

C. Combine all styles into one file

D. Load them with a <script> tag.

Question No# : 04 out of 50

If both an external CSS file and a <style> block in HTML target the same element, which one takes precedence

A. The external CSS file

B. The <style> block

C. Neither is applied

D. They are merged

Question No# : 05 out of 50

Which of the following ways are valid to specify white color using CSS ?

A. #FFFFFF

B. rgb (255, 255, 255)

C. rgb (FF,FF, FF)

D. Both A and B

Question No# : 06 out of 50

The CSS property text-align: center; is used to

A. Align the text to the left

B. Align the text to the right

C. Center-align the text

D. Justify the text

Question No# : 07 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# : 08 out of 50

Which property is used in CSS to change the background color?

A. bgcolor

B. background-color

C. color

D. back-color

Question No# : 09 out of 50

By using CSS style or code, how can one remove the underline from all hyperlinks?

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

B. a {text: no-underline;}

C. a {text-decoration:none;}

D. a (text-style: no-underline;}

Question No# : 10 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# : 11 out of 50

Which CSS property is used to set the background color of an element

A. background-color

B. color

C. bgcolor

D. background

Question No# : 12 out of 50

If the background image is of larger or smaller size than the container width, then which line of code will resize it to make fully visible?

A. background-size: contain;

B. background-repeat: no-repeat;

C. background-size: cover;

D. none of the above

Question No# : 13 out of 50

The CSS property text-justify: inter-word; is used to

A. Center-align the text

B. Justify the text by increasing the space between words

C. Align the text to the left

D. Change the font style of the text

Question No# : 14 out of 50

How to add shadow to text in css?

A. content shadow

B. text-shadow

C. word-shadow

D. text outline

Question No# : 15 out of 50

The CSS property word-break: break-all; is used to

A. Break the text into individual words

B. Allow long words to break and wrap onto the next line

C. Prevent hyphenation of words

D. Change the font style of text

Question No# : 16 out of 50

What is the correct way to remove the underline from text

A. text-underline:none

B. text-decoration:none;

C. text-underline:hide;

D. text-decoration:hide;

Question No# : 17 out of 50

What is the default value of the display property for a <div> elementWhat is the default value of the display property for a <div> element

A. inline

B. block

C. inline-block

D. flex

Question No# : 18 out of 50

The CSS property max-width is used to:

A. Set the maximum height of an element

B. Set the maximum width of an element

C. Set the minimum width of an element

D. Change the font size

Question No# : 19 out of 50

Which CSS attribute(s) should one use to create a pink dotted border around an image?

A. border-line

B. border-style

C. border-color

D. Both B and C

Question No# : 20 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# : 21 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# : 22 out of 50

The CSS property transition-delay is used to:

A. Set the duration of the transition effect

B. Define the property being transitioned

C. Specify the starting value of the transitioned property

D. Introduce a delay before the transition effect begins

Question No# : 23 out of 50

Which CSS property is used to create a horizontal line

A. hr-line

B. line-horizontal

C. horizontal-line

D. border-bottom

Question No# : 24 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# : 25 out of 50

Question: What does the CSS property pointer-events: none; do?

A. Disables pointer events for the element

B. Enables pointer events for the element

C. Adds a pointer to the element

D. Changes the color of the pointer

Question No# : 26 out of 50

The CSS property transition is used for

A. Adding a smooth transition effect to an element

B. Changing the font of an element

C. Controlling the transition between different pages

D. Changing the color of an element

Question No# : 27 out of 50

To control image repetition in CSS, the correct option is:

A. h1{ background-loop: none;}

B. h1{background-repeat: none; }

C. h1 { background-iterate: none;}

D. None of the above

Question No# : 28 out of 50

<p>Match the CSS Position Property with Its Meaning</p><p><br></p><table class="table table-bordered"><tbody><tr><td><span style="font-size: 14px;"><b>CSS Position Property</b></span></td><td><span style="font-size: 14px;"><b>Meaning</b></span></td></tr><tr><td><span style="font-size: 14px;">A. static</span></td><td><span style="font-size: 14px;">1. Positions an element at a fixed place in the viewport</span></td></tr><tr><td><span style="font-size: 14px;">B. relative</span></td><td><span style="font-size: 14px;">2. The default position (no special positioning)</span></td></tr><tr><td><span style="font-size: 14px;">C. absolute</span></td><td><span style="font-size: 14px;">3. Positions the element relative to the nearest positioned ancestor</span></td></tr><tr><td><span style="font-size: 14px;">D. fixed</span></td><td><span style="font-size: 14px;">4. Moves the element relative to its normal position</span></td></tr><tr><td><br></td><td><span style="font-size: 14px;">5. Makes an element float over other elements</span></td></tr><tr><td><br></td><td><span style="font-size: 14px;">6. Aligns the element at the center of the page</span></td></tr></tbody></table><p><br></p>

A. A → 5, B → 4, C → 3, D → 1

B. A → 2, B → 4, C → 3, D → 1

C. A → 5, B → 4, C → 3, D →6

D. A → 4, B → 5, C → 3, D → 1

Question No# : 29 out of 50

The CSS property pointer-events: auto; does what to an element

A. Enables pointer events for the element

B. Disables pointer events for the element

C. Adds a shadow to the element

D. Changes the font size of the element

Question No# : 30 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# : 31 out of 50

If an element have margin values 20px for top, 20px for bottom, 30px for right, 30px for left. Then which of the following is the correct way to set the margin?

A. margin: 20px 20px 30px 30px

B. margin: 30px 20px

C. margin: 20px 30px

D. margin: 30px 30px 20px 20px

Question No# : 32 out of 50

Which CSS property is used to control the spacing between lines of text

A. line-spacing

B. text-spacing

C. line-height

D. text-height

Question No# : 33 out of 50

Which CSS property is used to change the background color?

A. color

B. background-color

C. bgcolor

D. None Of These

Question No# : 34 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# : 35 out of 50

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

A. Empty-cell

B. Blank-cell

C. Noncontent-cell

D. no-cell

Question No# : 36 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# : 37 out of 50

What does the CSS property border: 2px solid #000; do

A. Sets a solid black border with a width of 2 pixels

B. Adds a shadow to the border of an element

C. Removes the border from the element

D. Changes the font color to black

Question No# : 38 out of 50

Which of the following CSS style properties is used to specify an italic text?

A. style

B. font

C. font-style

D. @font-face

Question No# : 39 out of 50

What does the CSS property overflow: scroll; do

A. Hides the content that overflows the element's box

B. Adds a scroll bar to the element if the content overflows

C. Expands the element to fit its content

D. Removes the element from the document flow

Question No# : 40 out of 50

The CSS property overflow: auto; is used to

A. Hide the content that overflows the element's box

B. Add a scroll bar to the element if the content overflows

C. Expand the element to fit its conten

D. Remove the element from the document flow

Question No# : 41 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# : 42 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# : 43 out of 50

If an element have padding values 20px for top, 30px bottom, 15px for right, 10px for left. Then which of the following is the correct way to set that padding?

A. padding: 20px 30px 15px 10px

B. padding: 20px 15px 30px 10px

C. padding: 15px 30px 10px 20px

D. padding: 30px 15px 20px 10px

Question No# : 44 out of 50

The CSS property background-size: cover; is used to:

A. Stretch the background image to cover the entire element

B. Tile the background image horizontally and vertically

C. Repeat the background image in one direction

D. Resize the background image to fit the content

Question No# : 45 out of 50

What is the correct way to set background color as blue

A. background:blue;

B. background-color:rgb(0,0,255);

C. background:#0000FF;

D. All of the above

Question No# : 46 out of 50

Identify correct statement about CSS padding property :

A. Padding is used to create space around an element's content, inside of any defined borders.

B. There are properties for setting the padding for each side of an element.

C. To shorten the code, it is possible to specify all the padding properties in one property.

D. All of the options

Question No# : 47 out of 50

The CSS property flex-grow is used to

A. Specify the initial size of a flex item

B. Define the order of a flex item

C. Control how much a flex item can shrink relative to the other flex items

D. Control how much a flex item can grow relative to the other flex items

Question No# : 48 out of 50

The CSS property z-index is used to:

A. Set the opacity of an element

B. Define the order of stacking for positioned elements

C. Control the size of an element

D. Specify the shadow of an element

Question No# : 49 out of 50

What CSS property would you use to align a block element horizontally in the center

A. text-align: center;

B. margin: auto;

C. display: block;

D. float: center;

Question No# : 50 out of 50

The CSS property box-sizing: border-box; includes:

A. Only the content of the box in the specified width and height

B. Both the content and padding in the specified width and height

C. Only the padding of the box in the specified width and height

D. Only the border of the box in the specified width and height