Right choice is (a) WIDTH

For explanation: Width specifies the width of the viewport, update specify how quickly can OUTPUT device modify the appearance of the content, the SCAN is set for scanning process of the output device, the resolution of output device using DPI or dpcm is by resolution.

Right ANSWER is (a) COLOR-index

For explanation I would SAY: The number of colors the DEVICE can display is specified by color-index, color-gamut specifies the approximate range of colors that are supported by a user AGENT and output device. The number of bits per color component for the output device is specified by color value.

The correct OPTION is (b) screen

For explanation I would say: The screen media type is used for computer screens, smart-phones, tablets etc. The print media type is used for printers, SPEECH is used for screenreaders that“reads” the page LOUD, all is used for all media type devices.

Correct option is (c) page-break-after

To explain: There are three CSS attributes page-break before, page-break-after and page-break-inside that ALLOW us to decide exactly where a print page will be BROKEN. AMONG other things, this will prevent images from being broken into two PIECES.

Right ANSWER is (d) OPERA 9.2+

Easy explanation: Orphan property sets the number of lines for the BOTTOM of the page. The orphans and WIDOWS properties are supported in IE 8+ and Opera 9.2+, but not in Firefox, CHROME or Safari.

Right answer is (a) Firefox

The best explanation: @page is not SUPPORTED in Firefox, but is supported in CHROME 2.0+, IE 8.0+, OPERA 6.0+ and safari 5.0+. @page:first is supported only in IE8+ and Opera 9.2+.

Correct ANSWER is (a) Internet Explorer

For 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.

Correct answer is (b) collapse

Easy 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”.

Correct CHOICE is (a) visible

To explain I would say: 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.

Correct option is (a) Nash Image replacement

Best explanation: This TECHNIQUE used the PSEUDO element to PUSH the TEXT aside.

The CORRECT CHOICE is (d) Phark method

The BEST I can explain: 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.

Correct answer is (c) Radu Darvas Shim

To explain: 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.

Right OPTION is (B) The Levin Technique

The BEST I can explain: This method ALSO requires an additional element to work. But the element is not wrapped around the text but used to position our image.

The correct OPTION is (a) The Leon method

Easy 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.

Right option is (d) Langridge method

The best 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.

Right answer is (c) 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.

The correct choice is (a) CSS OFF/Images ON

To elaborate: 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.

The correct choice is (c) ‘#’

To explain I would say: In CSS CLASS SELECTOR name is PRECEDED by a full stop (‘.’) and ID selector name is preceded by hash CHARACTER (‘#’).

The correct option is (a) scroll

To EXPLAIN: The BACKGROUND image moves up and down as the user scrolls up and down the PAGE. The fixed VALUE helps background image stays in the same position on the page.

The correct answer is (d) fixed

Explanation: BACKGROUND-repeat property can have four values i.e. repeat, repeat-x, repeat-y and no -repeat. The background image is repeated both HORIZONTALLY and vertically by SETTING the VALUE repeat, repeat-x REPEATS the image horizontally only.

The correct answer is (d) border

The explanation: Many WEB pages USED multiple columns in their design. The three CSS properties are used to position columns next to each other. Width, margin, and FLOAT. Width sets the width of the column, float positions columns next to each other, margin creates a gap between columns.

Correct option is (d) center

The explanation: The clear property allows us to say that no ELEMENT within the same CONTAINING element should TOUCH left or right hand sides of a box. It can take the VALUES left, right, both or none. When set to none elements can touch either side.

Correct answer is (a) normal flow

To explain: EVERY block-level element appears on a new line, which causes each item to APPEAR lower down the page than the PREVIOUS ONE. EVEN if we specify the width of the boxes and there is space for two elements to sit side by side, they will not appear next to each other.

The correct answer is (d)

To elaborate: CSS TREATS each HTML element as if it is in its own box. This box will EITHER be block-level Box or inline box. Block-level elements start on a new line e.g.

,

,
• and

  . Inline elements FOLLOW in between SURROUNDING text like , , .

The correct option is (a) outside

The best explanation: List are indented into the page by DEFAULT and list-style-position property indicates WHETHER the marker should appear on inside or outside BOX CONTAINING main points. This property can take two values outside and inside. The marker sits to the left of the block of TEXT, this is the default behavior if this property is not used.