Introduction to CSS3 and HTML5
class="raised"
If you create a style class with .raised as the selector, which of the following would be the correct code for applying that class to an element?
<footer>...</footer>
In HTML5, which tags would be best for identifying the footer section at the bottom of a page?
<aside>...</aside>
In HTML5, which tags would you most likely use to define a sidebar column?
Block elements
Paragraphs, headings (h1 through h6), and lists are all examples of which kind of HTML element?
Pages that link to the style sheet
Style rules in an external style sheet apply to what?
background-color:yellow;
Suppose you have a logo image that has a transparent background. You'd like to use it as a background image. But you'd also like the logo to show against a yellow background color. Which CSS property descriptor below would provide the correct coding for the background color?
max-width:1440px
Suppose you set the width of a wrapper div to 80% so it scales to the width of the browser window. But you want to limit how wide it can go to 1440 pixels because your design doesn't look good beyond that. What CSS property:value pair would limit the element's width to 1440 pixels?
Add text-align:center to the div's opening tag (or style rule)
Suppose you want to center a picture horizontally on a page. You put the image inside a pair of div tags so it starts on a new line. What else must you do to center the image?
#ffffff
The color hex code #fff is short for what longer hex code?
The box-shadow property
What CSS property allows you to define a background shadow?
They're all block elements
What do the p (paragraph) and heading (h1 through h6) elements have in common?
Padding
What do we call the empty space that's just inside the borders of an element (between the border and the text that's inside the border)?
The new layout tags provide specific, recognizable, unambiguous information to non-visual user agents
What is the key advantage to using modern layout tags like <header>, <footer>, <nav>, and so forth over older, more generic tags like <div>?
The clear: property
Which CSS property allows you to clear a float so that a new element starts on a new line below a floating element, rather than next to the floating element?
cursor:
Which CSS property lets you define the appearance of the mouse pointer?
The border property
Which CSS property would you use to create visible borders around an element?
display:block
Which CSS property:value pair allows you to treat an inline element, such as a link, like a block element, so you can apply block properties like margin: and width:?
tr:nth-child(odd)
Which CSS selector shows the correct syntax for applying a light blue background color to odd-numbered table rows in a table?
title=
Which HTML attribute allows you to define tooltip text for links and other elements?
style=
Which HTML attribute is used to start a CSS inline style?
<!-- and -->
Which characters should you use to surround an HTML comment?
MP3, OGG
Which of the following are the preferred audio formats for the HTML5 <audio> tag?
Undefined, or however tall it needs to be to contain its content
Which of the following best describes the default height of a layout element, such as an aside that you define with <aside>...</aside> tags?
Any table in the footer section of the page
Which of the following best describes to which element a style rule with the selector footer table{} applies?
a:hover
Which of the following defines the style of links when the mouse pointer is on the link?
background-image:url(path)
Which of the following is the correct syntax for CSS background-image property?
Embed
Which option at YouTube's website allows you to show a YouTube video right on a page in your site without the user having to click a link to go to YouTube's site?
Selector
Which part of a style rule defines the elements to which the style rule applies?
<tr>...</tr>
Which tags mark the beginning and end of a single table row in a table?
MPEG4. OGG, and WEBM
Which three video formats are best used with the HTML5 <video> tag?
Serif
Which type of font puts a little curlicue on each letter, making text easier to read at smaller sizes?
Justify
Which type of text alignment produces smooth left and right sides on multi-line text blocks like paragraphs?
style="width:100px"
You can use either CSS properties or HTML attributes to size images. If you wanted to use a CSS inline style rather than an HTML attribute to set the width of an image to 100 pixels, what would be the correct code?
