1D0-720 CIW Advanced HTML5 and CSS3 Specialist Practice Questions
Prepare for 1D0-720 with more than an answer.
- Exam fee
- $175 USD
- Level
- Specialist
- Valid for
- 3 years
Domains covered on the exam 10
- HTML5 Essentials15%
- Cascading Style Sheets (CSS) Technology and CSS Version 3 (CSS3)19%
- Using Advanced CSS3 Techniques8%
- Introduction to JavaScript9%
- JavaScript Events, Functions and Methods9%
- Using HTML5 APIs11%
- Developing HTML5 Forms8%
- Completing, Submitting and Validating User Input Forms5%
- Copyright, Ethics and Legal Considerations11%
- Project Management and Critical Thinking5%
- 1
While planning a complex dashboard interface, a front-end engineer must align widget items both in rows and columns simultaneously, allowing specific elements to span multiple tracks in both directions.
Which CSS layout module is explicitly designed for this two-dimensional layout scenario?
Show answer details
Correct answer: A
CSS Grid is a two-dimensional layout system that handles both columns and rows simultaneously, allowing elements to span across multiple tracks in both directions. It is the optimal choice for complex, rigid dashboard layouts.
- 2
To enhance readability in a data table, a web designer wants to apply a light gray background color to every alternating row.
Which CSS3 pseudo-class selector is the most efficient way to accomplish this?
Show answer details
Correct answer: A
The
:nth-child(even)pseudo-class efficiently selects every even-numbered child element (rows 2, 4, 6, etc.), making it the standard and most concise way to create zebra-striped tables in CSS3. - 3
After implementing a custom web font using
@font-face, users on slow 3G networks report that text remains completely invisible for several seconds until the font file fully downloads (a phenomenon known as Flash of Invisible Text).Which CSS property should be added to the
@font-facedeclaration to force the browser to immediately display a fallback font while the custom font loads?Show answer details
Correct answer: A
The
font-display: swap;property instructs the browser to immediately use the fallback font to render text. Once the custom font is downloaded, the browser 'swaps' the fallback font for the custom one, ensuring text is always readable. - 4
As the Lead Solutions Architect for a telemedicine startup, you are evaluating the delivery platform for a new patient portal.
The portal must support offline appointment viewing, push notifications for prescription reminders, and hardware access (such as the device camera) for telehealth calls.
Budget constraints prohibit developing separate iOS and Android codebases, but the user experience must feel native and be installable directly from the browser without app store approval.
Which of the following approaches is the OPTIMAL solution?
Show answer details
Correct answer: A
A Progressive Web App (PWA) is the optimal solution. PWAs utilize HTML5 APIs (like the MediaDevices API for camera access), Service Workers for offline capabilities and push notifications, and a Web App Manifest to allow users to install the app directly from the browser to their home screen. This bypasses app stores and avoids the cost of maintaining separate native codebases.
flowchart TD Start([Platform Decision]) --> Budget{Budget for Native?} Budget -->|No| Store{Needs App Store?} Store -->|No| Features{Needs Offline/Push?} Features -->|Yes| PWA[Progressive Web App] Features -->|No| Web[Traditional Mobile Website] Budget -->|Yes| Native[Native iOS/Android] - 5
While structuring a news aggregator webpage, a front-end specialist needs to group a headline, author byline, and the main story text into a self-contained, independently distributable unit.
Which HTML5 semantic element is the MOST appropriate for wrapping this content to ensure universal markup compliance?
Show answer details
Correct answer: A
The element represents a complete, or self-contained, composition in a document, page, application, or site that is, in principle, independently distributable or reusable. This perfectly fits a news story with its headline and byline.
- 6
To ensure cross-browser compatibility for an embedded promotional video, a web designer is configuring the HTML5 element with multiple tags.
Which TWO video formats are the widely supported standard formats specifically designed for HTML5 video? (Select TWO)
Show answer details
Correct answer: A, B
WebM and MP4 are the two dominant, widely supported video formats designed for the HTML5 element. Providing both ensures near-universal compatibility across all modern browsers.
WebM and MP4 are the two dominant, widely supported video formats designed for the HTML5 element. Providing both ensures near-universal compatibility across all modern browsers.
