QUIZ ON : css - PROPERTIES IN CSS

PROPERTIES IN CSS

00:00:00

Question No# : 01 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# : 02 out of 50

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

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# : 03 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# : 04 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# : 05 out of 50

The CSS property text-transform: capitalize; does what to the text

A. Converts the text to lowercase

B. Converts the text to uppercase

C. Capitalizes the first letter of each word

D. Changes the color of the pointer

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

The CSS property word-spacing is used to control

A. The spacing between lines of text

B. The spacing between words in a text

C. The width of the words in a text

D. The color of the words in a text

Question No# : 09 out of 50

The CSS property text-decoration: line-through; is used to

A. Apply an underline to the text

B. Remove the underline from a link

C. Apply a line-through effect to the text

D. Change the font style of the text

Question No# : 10 out of 50

For making object fully transparent which option is correct

A. rgba(255,55,255,1)

B. rgba(255,255,255,0.0)

C. rgba(255,55,255,.5)

D. None of these

Question No# : 11 out of 50

Which of the following CSS selectors are used to specify a group of elements

A. tag

B. id

C. class

D. both class and tag

Question No# : 12 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# : 13 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# : 14 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# : 15 out of 50

Which CSS property is used to control the space between the borders of adjacent cells in a table

A. cell-spacing

B. table-spacing

C. border-spacing

D. cell-padding

Question No# : 16 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# : 17 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# : 18 out of 50

Which property prevents elements from overlapping a floated element

A. clear

B. overflow

C. z-index

D. display

Question No# : 19 out of 50

The CSS property border-radius: 10px; is used for:

A. Adding a shadow to the border of an element

B. Creating rounded corners for an element

C. Applying a border to the text

D. Changing the width of the border

Question No# : 20 out of 50

What is the correct syntax for a keyframe in CSS

A. @frames

B. @keyframe

C. @keyframes

D. @animation-frames

Question No# : 21 out of 50

For what purpose is the CSS padding property used ?

A. Border

B. Space

C. Background Color

D. Margin

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

Which CSS unit is relative to the font-size of the nearest parent element with a specified font size

A. px

B. em

C. rem

D. vw

Question No# : 24 out of 50

Match the CSS Background Property with Its Function <table class="table table-bordered"><tbody><tr><td>CSS Property</td><td>Function</td></tr><tr><td>A. background-color</td><td>1. Sets an image as the background of an element</td></tr><tr><td>B. background-image</td><td>2. Specifies how a background image repeats</td></tr><tr><td>C. background-repeat</td><td>3. Defines the position of a background image within an element</td></tr><tr><td>D. background-position</td><td>4. Sets the background color of an element</td></tr><tr><td> </td><td>5. Specifies whether the background is fixed or scrolls with the page</td></tr><tr><td> </td><td>6. Controls the transparency of the background color</td></tr></tbody></table>

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

B. A →5, B → 1, C → 2, D →6

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

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

Question No# : 25 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# : 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

Which of the following properties is used to set the face of a font?

A. font-family

B. font-face

C. font-variant

D. font-style

Question No# : 28 out of 50

Which of the following is not used with text-decoration property?

A. overline

B. underline

C. line-through

D. inline

Question No# : 29 out of 50

What does the ‘margin:auto’ means?

A. Set the margin equally on top and bottom of the element

B. Set the margin equally on left and right of the element

C. Set the margin equally on all sides of the element.

D. It is uncertain what will happen

Question No# : 30 out of 50

The CSS property outline is used for:

A. Adding a shadow to the element

B. Highlighting the border of an element

C. Changing the font size

D. Controlling the spacing between lines of text

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

The CSS property box-shadow: 5px 5px 10px #888888; does what to an element

A. Adds a border to the element

B. Centers the element on the page

C. Applies a shadow to the element with specified offset, blur, and color

D. Sets the transparency of the element

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

The CSS property line-height is used to control:

A. The spacing between lines of text

B. The width of the line

C. The color of the text

D. The alignment of the text

Question No# : 38 out of 50

The CSS property transform-origin is used to

A. Set the initial position of a transformed element

B. Define the order of stacking for positioned elements

C. Apply a shadow to the element

D. Change the font size of the element

Question No# : 39 out of 50

The CSS property border-radius is used to

A. Change the color of the border

B. Add a shadow to the element

C. Create rounded corners for the element

D. Applies absolute positioning to all child elements

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

For fully transparent which option is right

A. rgba(255,55,255,1)

B. rgba(255,255,255,0.0)

C. rgba(255,55,255,.5)

D. None of these

Question No# : 43 out of 50

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

A. a { underline:none; }

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

C. a { decoration:no-underline; }

D. a { text-decoration:none; }

Question No# : 44 out of 50

Which CSS property is used to set the style of the cursor when hovering over an element

A. cursor-style

B. hover-cursor

C. cursor-type

D. cursor

Question No# : 45 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# : 46 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# : 47 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# : 48 out of 50

What is the correct syntax for applying a class in CSS

A. #classname

B. .classname

C. classname

D. *classname

Question No# : 49 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# : 50 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