HTML 5 & CSS 3 Chapter 7
If a document has any errors, _____________ gives one a chance to identify and correct them.
Validating
_____________ is an effective troubleshooting tool during the development process and adds a valuable level of professionalism to one's work.
Validation
According to the World Wide Web Consortium (W3C), the _________ ________ "represents some flow content, optionally with a caption, that is self-contained and is typically referenced as a single unit from the main flow of the document."
figure element
The _______ _________ is a semantic element with self-contained content.
figure element
The _______ __________ may contain an optional figure caption element, which is used to provide a caption for the figure element.
figure element
The text-shadow property requires the __-_______ _________, which designates the horizontal position of the shadow.
h-shadow value
What is the style rule for an h1 element to center-align its content?
h1 { text-align:center;}
What is the style rule for applying a text shadow with a horizontal position of 0.2em, a vertical position of 0.1em, and a dark gray color to an h1 element?
h1 { text-shadow: 0.2em 0.1 em #292933;}
What is the style rule to apply a font color for a main article h2 element?
main article h2 { color: #000000; }
What is the style rule to center-align an image element contained within a main article element?
main article img { margin-left: auto; margin-right: auto; }
What is the style rule to left-align a paragraph element contained within a main article element?
main article p { text-align: left; }
What is the style rule to left-align an unordered list element contained within a main article element?
main article ul { text-align: left; }
What is the appropriate style rule to style the heading two element within the main element?
main h2 {color:#FFFFFF}
Consider the style rule: figure img: hover { opacity: 1; } Here, when a mouse hovers over an image, _________ _____________ ___________.
opacity is removed
The Cascading Style Sheet 3 (CSS3)________ ____________ specifies the transparency of an element.
opacity property
The _______ _____________ is used to specify how to manage content when it "spills over" into another element.
overflow property
Wrapping elements within a(n)___________ _______________ places each element within its own paragraph.
paragraph element
A general rule is that a(n) ________ ___________ is appropriate only if the element's contents would be listed explicitly in the document's outline.
section element
A(n) _______ _________ defines different parts of a webpage document, such as chapters.
section element
A(n) _______ _________ should be used for content that naturally contains a heading.
section element
One should add ______________ ______________ to a webpage to group content to improve semantic design and search engine results.
section elements
While styling for an anchor element within a section element, what style rule specifies a transparent background color?
section {background-color: transparent;}
What is the correct style rule for a paragraph element within a section element to specify a left margin?
section {margin-left :0;}
What is the style that specifies bottom padding for a section element?
section {padding-bottom: 3em;}
A(n) ________ ____________ consists of three or more images that display new products, promotions, or other new content to stimulate user interest.
sliding banner
__________ is an HTML entity used to display ¼ on a webpage.
¼
The default value of the opacity property is ___.
1
Consider the style rule: figure img { opacity: 0.7; } Here, the opacity value will make the images appear_____ ____________.
70% opacity
What is the correct format for inserting an aside element within an article element?
<article> <aside>...</aside> </article>.
The ___________________ HTML5 semantic element contains information about nearby content and is typically displayed as a sidebar.
<aside>..</aside>
The correct format of the starting tag and the ending tag for the figure caption element is _________________ _________________.
<figcaption>...</figcaption>
The __________________ HTML5 semantic element contains a specific grouping of content on a webpage.
<section>...</section>
The _____________________ HTML5 semantic element contains a visible heading for the details element on a webpage.
<summary>...</summary>
A(n) _______ __________ is used in syndication that could be a forum post, a magazine or newspaper report, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.
Article element
The <article> ... </article> tags are referred as HTML5 ___________ ____________
Semantic Elements
_______________ are sets of starting and ending Hypertext Markup Language (HTML) tags that provide meaning about the content of the tags.
Semantic Elements
The _______ __________, as described by the World Wide Web Consortium (W3C), is a complete, self-contained composition in a document, page, application, or site and that is, in principle, independently distributable or reusable.
article element
A(n)_______ element is contained at the bottom of each article element and the content provided in this element gives more information pertaining to that particular article.
aside
A general rule is that a(n)_______ __________ is appropriate only if the element's contents would be listed explicitly in the document's outline.
aside element
A(n) ______ _________, as described by the World Wide Web Consortium (W3C), is an element that "represents a section of a page that consists of content that is tangentially related to the content around that element, and which could be considered separate from that content."
aside element
A(n)________ __________ is used as a sidebar and contains additional information about a particular item mentioned within another element.
aside element
What is the correct style rule to format the aside elements with an italic font style?
aside { font-style:italic; }
What is the style rule for applying a rounded border to an aside element?
aside { border-radius: 0.5em 5em 5em; }
If the main element is displaced to the banner image area, the issue can be corrected by applying an overflow property with a value of __________ to the main style rule contained within the tablet media query.
auto
A(n) _________ is a graphic that usually brands a website, often by displaying its name or an identifying image.
banner
A ______ _________ is used as a focal point on a webpage to capture the user's attention.
banner image
Similar to the _____ ____________, the overflow property can help resolve display issues related to a nearby floating element.
clear property
The ________ _____________ CSS3 property can be used to create multiple columns.
column-count
The ____ ______ __________ is a CSS3 property that applies a shadow to text.
text-shadow property
In the following example, 0.1em in text-shadow: 0.2em 0.1em #3D3D35; indicates ________________________________.
the position of the vertical shadow
A(n) _____ _________ ___________ is responsible for developing strategies for displaying content on a webpage.
web content strategist
A(n) ______ __________ ____________ analyzes current content, performs in-depth research, and then drafts recommendations for content to attract new clients.
web content strategist
______ ___________ are commonly used for pull-out quotes, glossary terms, or related links.
Aside elements