CSS Multiple Choice Questions & Answers (MCQs) focuses on “Suppressing Element Display & Visibility, Image Replacement”.

Q 1. Which of the following will represent browsers in their normal states?
A. CSS OFF/Images ON
B. CSS ON/Images OFF
C. CSS ON/Images ON
D. CSS OFF/Images OFF

Show Answer

Answer:-C. CSS ON/Images ON

Explanation

There are five major categories for image replacement i.e. CSS ON/Images ON, CSS ON/Images OFF, CSS OFF/Images ON, CSS OFF/Images ON, CSS OFF/Images OFF, Extra Unnecessary Markup. CSS ON/Images ON represents browsers in their normal states and all the techniques should pass their test.

Q 2. Which of the following represents browsing with no stylesheets applied?
A. CSS OFF/Images ON
B. CSS OFF/Images OFF
C. CSS ON/Images OFF
D. CSS ON/Images ON

Show Answer

Answer:-A. CSS OFF/Images ON

Explanation

CSS OFF/Images ON represents browsing with no stylesheets being applied. Most of the techniques default to regular web text here which is not exactly a fail, but since images may still be turned on.

Q 3. Which of the following technique is also known as Fahrner Image Replacement?
A. CSS OFF/Images OFF
B. CSS ON/Images OFF
C. CSS OFF/Images ON
D. CSS ON/Images ON

Show Answer

Answer:-D. CSS ON/Images ON

Explanation

CSS ON/Images On technique is also known as FIR or “Fahrner Image Replacement”. The premise here is to use a span to wrap the text inside the header and use that span to hide the text. It works but we have to use display:none.

Q 4. Using negative text-indent is also known as __________
A. The Phark method
B. The Scott Kellum method
C. Radu Darvas Technique
D. The Langridge method

Show Answer

Answer:-A. The Phark method

Explanation

Using negative text-indent is also known as the Phark method. This is the most common technique that most web developers have used. The main idea is to move the text far outside the browser window by setting a large negative text-indent.

Q 5. Using margin is also known as________
A. Fahrner image replacement
B. Radu Darvas Technique
C. The Lindsay method
D. The Langridge method

Show Answer

Answer:-B. Radu Darvas Technique

Explanation

Using margin is also used as Radu Darvas technique. This technique also forces the text outside of the browser window but uses margins to do so. The main idea is to apply very large negative left margin and give our header a correspondingly large width.

Q 6. Using padding is also known as ________
A. Leon Dwyer method
B. Radu darvas method
C. Langridge method
D. Lindsay method

Show Answer

Answer:-C. Langridge method

Explanation

Using padding is known as Langridge method. We push the text outside of our header using padding-top property. The property is to be set to a value that is equal to the height of the logo. But this alone is not sufficient, we have to use overflow: hidden to hide the text.

Q 7. Using Small font-size is also known as ____________
A. Lindsay method
B. Leon Dwyer method
C. Levin technique
D. Radu Darvas Shim

Show Answer

Answer:-A. Lindsay method

Explanation

Using small font-size is known as Lindsay method. Another way to hide text is by making it very small and set its color to the background of the image. This works without affecting accessibility but we can also face SEO penalties because of tiny font size and camouflaged color.

Q 8. Using Overflow is known as ______
A. The Scott Kellum method
B. The Leon method
C. The Phark method
D. The Langridge method

Show Answer

Answer:-B. The Leon method

Explanation

In this method, overflow property is used to hide the element completely. Using this technique requires to wrap the text in a element just like the other methods. The text is hidden by overflow: hidden property.

Q 9. Using Absolute Positioning is known as _________
A. The Langridge method
B. The Leon method
C. The Scott Kellum method
D. The Levin Technique

Show Answer

Answer:-D. The Levin Technique

Explanation

This method also requires an additional element to work. But the element is not wrapped around the text but used to position our image.

Q 10. Using a bogus image is also called as _______
A. The Leon method
B. The Levin Technique
C. Radu Darvas Shim
D. The Langridge method

Show Answer

Answer:-C. Radu Darvas Shim

Explanation

This method also requires a bogus image in addition to a usual element to work properly. The image is a 1×1 pixel transparent GIF. The main purpose is to show users the alt text if images are turned off.

Q 11. Using actual image with inline image method is also known as __________
A. The Langridge method
B. Radu Darvas Shim
C. The Levin Technique
D. Phark method

Show Answer

Answer:-D. Phark method

Explanation

In this method, we use the actual image for image replacement. The image has alt text that will be shown when images are turned off. This technique does not seem to be good for SEO. Images will still be visible with CSS turned off and images kept on.

Q 12. Using Pseudo element is known as _____________
A. Radu Darvas Shim
B. Phark method
C. Nash Image replacement
D. The Langridge method

Show Answer

Answer:-C. Nash Image replacement

Explanation

This technique used the pseudo element to push the text aside.

Site

. The pseudo element pushes text aside. The text then overflows and is hidden by using overflow: hidden property.

Q 13. What is the default value of visibility?
A. initial
B. hidden
C. visible
D. inherit

Show Answer

Answer:-C. visible

Explanation

The default value of visibility is visible, the element is visible. When set to hidden, the element is invisible but it still takes up space, initial sets the property to its default value. Inherit inherits this property from its parent element.

Q 14. Which of the following is only for table elements?
A. initial
B. inherit
C. hidden
D. collapse

Show Answer

Answer:-D. collapse

Explanation

Collapse is only for table elements. Collapse removes row or column. But it does not affect table layout. The space taken up by row or column will be available for other content. If the collapse is used with other elements, it renders as “hidden”.

Q 15. Clip property is not supported in ____________
A. Chrome
B. Internet Explorer
C. Safari
D. Opera

Show Answer

Answer:-B. Internet Explorer

Explanation

There is one more way of hiding elements by clipping them. Clip-path property is not fully supported in IE or Edge yet. If using external SVG files for clip-path, support is even more limited. .hide {clip-path: polygon(0px 0px,0px 0px,0px 0px,0px 0px);}