Answer: B

Explanation:

A fixed-width layout method specifies exact pixel values for widths. This approach does not adapt to different screen sizes, leading to images rendering too small or too large on various devices.

Fixed Width Layout:

Definition: Uses specific pixel values for the width of elements.

Example:

.container {

width: 800px;

}

Issues:

Lack of Flexibility: Does not scale with the size of the viewport, causing images and other elements to appear incorrectly sized on different screen sizes.

Comparison:

Fluid/Liquid: Adapts to the screen size using percentages or other relative units.

Relative Width: Also adapts using units like em or %.

MDN Web Docs - Fixed vs. Fluid Layout

W3C CSS Flexible Box Layout Module Level 1

Using fixed-width layouts can result in poor user experience across different devices, highlighting the importance of responsive design principles.

Top of Form

Bottom of Form

Answer: C

Explanation:

> ''The `confirm()` method displays a dialog box with OK and Cancel buttons. It returns `true` if OK is selected and `false` otherwise.''

>

> * `alert()` only shows a message

> * `prompt()` includes a text input field

> * `write()` outputs directly to the document

* MDN Web Docs: confirm()

* ECMAScript Browser Dialogs

---

Answer: D

Explanation:

To style an <h1> tag, you use the element selector h1, and to define the size of the font, use the font-size property. The text-size property does not exist in CSS.

Correct rule:

h1 {

font-size: 16pt;

}

''The font-size property sets the size of the font. Use element selectors (like h1) to apply styles to all elements of that type.''

CSS Fonts Specification

MDN Web Docs -- font-size

W3Schools -- CSS Font Properties

Answer: B

Explanation:

The #item token in CSS is used to select an HTML element by its ID attribute.

CSS ID Selector:

Syntax: The ID selector is prefixed with a hash symbol (#) followed by the ID value of the HTML element.

Example: If the HTML element has an attribute id='item', it can be selected and styled in CSS as:

width: 300px;

}

Functionality:

Selects an Element: The ID selector targets the specific HTML element with the matching id attribute.

Specificity: ID selectors have high specificity, meaning they will override styles from type selectors and

Answer: A

Explanation:

> ''The animation changes the `left` property from 0px to 600px while keeping the `top` at 0px throughout. This means the animation causes horizontal movement only.''

>

> ''Since `position: relative` is set, changes in `left` and `top` move the element relative to its normal position.''

Thus, the element moves horizontally across the screen, alternating direction infinitely.

* MDN Web Docs: CSS animation-direction, animation-name

* CSS Animations Module Level 1 Specification

---