Interactive Quiz : 2. Introduction to Cascading Style Sheets (CSS) Technology

You have designed a traditional Website for your business, and now you want to create a mobile site. Which of the following is an additional consideration specific to designing Websites for use on mobile devices?

Designing your pages to be viewed on smaller screens

Which of the following should you use to define a common format for your Website and standardize the appearance of the site?

A style guide

With respect to style sheet, inheritance is the ability for style that you apply to an element to:

be passed down throughout the rest of the document(s).

What is the difference between fixed-width layout and responsive design layout?

Fixed-width layout is achieved by assigning specific pixel widths to elements using the HTML5 structural elements or the <div> tag.

What can be considered a disadvantage of using Cascading Style Sheets 3 (CSS3) to apply styles to your Webpages?

Most non-HTML5-compliant browser cannot interpret CSS3.

What is the purpose of using a style guide when designing your Website?

To ensure uniformity in style and formatting within a document and across multiple documents

When designing mobile Websites, why is it important to keep to a minimum the amount of manual data entry required for entering text?

Because mobile device users must type on a small touchscreen with their fingers or a stylus

What is a CSS selector

Any element to which designated styles are applied.

Which symbol is used to enclose properties and values when you define a rule for a specified selector?

Curly braces ({ })

The CSS Box Model consists of four rectangular boxes that can be configured to create space and a border around each HTML element. Which Box Model element defines the space between the HTML content and its surrounding border?

Padding

What will be the alignment option for the following code?

right

You are reviewing the style sheet code written by a colleague and notice several rules that are enclosed between the /** and */* characters. What will happen when you link the style sheet to a Web document?

The rules that are enclosed between and characters will be ignored

When designing mobile Websites, why is it important to avoid including pop-ups in your page design?

Because small mobile device screens have very little space available for pop-up windows

Remy Sharp has created a script that has become the de facto standard for many Web developers around the world. The script enables Web developers to:

support HTML5 in older IE browsers.

When designing mobile Websites, which of the following should you do to simplify the site design?

Minimize the number of links that users must click to navigate the site.

When designing mobile Websites, why is it important to place page content in a single, wrapping column?

To prevent users from having to scroll horizontally

Why is implementing the liquid layout using CSS the preferred method of designing Web Pages for mobile devices?

Because the size of each element is flexible and will change dynamically depending on the size of the browser window

What position property values does CSS provide to position block-level elements?

Static, relative, absolute, fixed, and sticky

If you use CSS to specify a particular font, what happens when you try to view a Webpage on a system in which the font is not available?

The browser will display the content to which the font is applied in a default font face.

Which of the following would be the best method to use for floating images to the left and right of the text in HTML5?

CSS classes

You work at uCorp Inc. Your company is using Internet Explorer 8, what can you do to create a company intranet using HTML5 and CSS elements?

You must add JavaScript code to your HTML documents to create HTML5 structural elements and add a new rule to CSS to define the HTML5 structural elements as block-level elements.

What is the default value for aligning images relative to text using CSS?

Bottom

You can link an HTML file to an external style sheet using the HTML <link> element. Which of the following attributes specifies the location of the linked document?

The href attribute

Different mobile devices have different screen resolutions. How can you design your site so that various mobile devices can easily accommodate it?

Create flexible-sized elements using percentages instead of pixels.

What happens when you place a CSS rule between the /** **/character

The rule will be ignored

Why should you use succinct wording on Web Pages, especially the home page, when designing your site?

Because most users simply scan pages quickly looking for specific information or links to it

How do you embed CSS in a single Webpage as an internal style sheet?

Add the <style> element to the <head> section of your HTML file.

Why would you use a class selector with your CSS styles?

To apply a specific CSS style to multiple elements

In a style sheet, what must you use to separate multiple declarations for one selector within a rule?

A semicolon (;)

If you want a particular block-level element to always appear at the upper-right corner of the browser window, no matter how far down a user scrolls on the page, which type of CSS positioning should you apply?

Fixed

Which of the following CSS is represented in the given code?

Inline

You want to apply an inline style to a single element that will override the style applied to that element by the external style sheet to which the HTML document is attached. How do you apply an inline style?

Add the style attribute directly to the element tag to which you want to apply the style.

Why would you use an id selector with your CSS styles?

To apply a specific CSS style to one unique element

What page layout should you use if you want to create Web pages whose text, images, and layout will not vary from browser to browser?

Fixed - width layout

Which term describes a set of standards for the writing and/or design of documents, either for general use or for a specific publication, organization, or field?

Style guide

For which element of the CSS Box Model can you specify the width, style, and color attributes?

Border