Practice Questions for Microsoft Exam 70-480, Module 6

Continuing the series questions to test how thoroughly prepared you are for the Microsoft certification exam Programing in HTML5 with JavaScript and CSS, here are some based on Module 6 of the curriculum.

What is the best way to provide a custom font for your website?

What does a style of font-size: 2em designate?

What does a style of font-size: 2rem designate?

Which units of measure will result in a font size that varies as the user resizes his browser window?

Which CSS instructions will cause text to break only on word boundaries?

A div styled with { background-color: red } wraps two inner, empty divs that are styled with { height: 100px; padding: 5px; border: 2px solid black; margin: 15px; outline: 4px solid green; outline-offset: 20px }. What is the height of the red area?

In Internet Explorer 11, what will be the effect of applying the border-radius: 10px 20px style on a div?

Which is NOT a valid value for the overflow-x property?

You want a Chrome user to be able to adjust the size of a div with his mouse, both vertically and horizontally, by dragging from the lower-right corner. You also want the text in the div to rewrap when he does this. Which CSS rule will accomplish this?

What is the minimum amount of CSS you could write to cause a div’s contents to present in 4 columns?

Which are valid CSS rules?

You have a CSS rule .blueSquare { height: 50px; width: 50px; background-color: blue; }. Which of these will display a blue square that is 50px on a side?

You have a div with class='flexContainer' that wraps 10 divs that have each been styled with a width of 30vw. With which of the following CSS rules will the child divs NOT wrap?

Which of the following styles apply to the child elements of a flex container?

The flex property is shorthand for which other properties?

Which Microsoft browsers at least attempt to support the flexbox layout?

Which of these styles will render the element transparent?

What background will display in a div styled with background: url('rock.gif ') no-repeat, url('paper.gif ') no-repeat, url('scissors.gif ') no-repeat; where the three images’ dimensions are identical?

An empty div is styled with width: 0px; height: 0px; border-top: 200px solid yellow; border-right: 200px solid blue;. What will you see?

Leave a Reply
