QUIZ ON : css - PROPERTIES IN CSS

PROPERTIES IN CSS

00:00:00

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

What is the purpose of the CSS property position: relative;?

A. Removes the element from the document flow

B. Positions the element relative to its normal position

C. Centers the element on the page

D. Applies relative positioning to all child elements

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

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

A. border-color

B. border-decoration

C. border-style

D. border-line

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

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

A. list-style-type: square;

B. list-type: square;

C. list: square;

D. list-style: square;

Question No# : 09 out of 50

How do you make the text bold using CSS?

A. style:bold;

B. font:bold;

C. font-weight:bold;

D. text:bold;

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

The CSS property box-sizing: content-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

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

Which of the following is not a value for font-style property?

A. normal

B. italic

C. oblique

D. none of the above

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

What does the CSS property background-repeat: no-repeat; do

A. Repeats the background horizontally and vertically

B. Does not repeat the background image

C. Repeats the background only vertically

D. Changes the background color

Question No# : 20 out of 50

The CSS property display: flex; is used to

A. Make an element inline-block

B. Create a block-level flex container

C. Apply a shadow to the element

D. Change the font size of the element

Question No# : 21 out of 50

<p>Match the CSS Property with Its Function</p><p><br></p><table class="table table-bordered"><tbody><tr><td><span style="font-size: 14px;"><b>CSS Property</b></span></td><td><span style="font-size: 14px;"><b>Function</b></span></td></tr><tr><td>A. color</td><td><span style="font-size: 14px;">1. Sets the background color of an element</span></td></tr><tr><td>B. margin</td><td><span style="font-size: 14px;">2. Changes the text color of an element</span></td></tr><tr><td>C. padding</td><td><span style="font-size: 14px;">3. Adds space inside an element’s border</span></td></tr><tr><td>D. background-color</td><td><span style="font-size: 14px;">4. Adds space around an element outside its border</span></td></tr></tbody></table><p><br></p>

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

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

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

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

Question No# : 22 out of 50

Which HTML tag is used to apply an external CSS file

A. <style>

B. <css>

C. . <link>

D. . <script>

Question No# : 23 out of 50

How will you make all paragraph text color is 'RED' ?

A. p { color: red; }

B. p { color:rgb(255,0,0); }

C. p { color: rgba(255,0,0,1); }

D. all of the above

Question No# : 24 out of 50

Which is not a valid Background property of css

A. background-image

B. background-position

C. background-color

D. background-iterate

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

What does the CSS property overflow: hidden; do

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

B. Adds a shadow to the element

C. Centers the element on the page

D. Removes the element from the document flow

Question No# : 28 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# : 29 out of 50

Which of the following will give blue color to text?

A. color: hsl(255, 0, 0);

B. color: hsl(0, 255, 0);

C. color: rgba(0, 0, 255, 1);

D. color: rgba(0, 0, 255, 0);

Question No# : 30 out of 50

The CSS property transition: all 0.3s ease-in-out; does what to an element

A. Adds a smooth transition effect to all properties over 0.3 seconds

B. Changes the font style of the element

C. Applies a shadow to the element

D. Centers the element on the page

Question No# : 31 out of 50

Default value of CSS position property is

A. Relative

B. Absolute

C. Fixed

D. Static

Question No# : 32 out of 50

Which property sets the font of an element

A. Font

B. font-family

C. Font

D. type

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

The CSS property font-weight: bold; is equivalent to

A. font-weight: 700;

B. font-weight: 500;

C. font-weight: 600;

D. font-weight: 400;

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

The CSS property text-overflow: ellipsis; is used when:

A. The text should be vertically centered

B. The text should be aligned to the right

C. The text is too long to fit in the container

D. The text color should be changed

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

What does the CSS property position: absolute; 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. Applies absolute positioning to all child elements

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

What does CSS stand for

A. Computer Style Sheets

B. Creative Style Sheets

C. . Cascading Style Sheets

D. Colorful Style Sheets

Question No# : 42 out of 50

From the below mentioned CSS properties, which of the following is used to make the text bold?

A. Text-align: bold

B. Font-style: bold

C. Font-weight: bold

D. Text-decoration: bold

Question No# : 43 out of 50

Which property prevents elements from overlapping a floated element

A. clear

B. overflow

C. z-index

D. display

Question No# : 44 out of 50

What is the default value of the position property?

A. absolute

B. static

C. fixed

D. relative

Question No# : 45 out of 50

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

A. font-style

B. font-family

C. font-weight

D. font-color

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

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

A. margin

B. indent

C. padding

D. gap

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

The CSS property position: static; is used to

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

B. Remove the element from the document flow

C. Position the element relative to its normal position

D. Center-align the element on the page

Question No# : 50 out of 50

Which CSS property is used to control the font size of an elemen

A. font-style

B. font-size

C. text-size

D. size