Murach's HTML5 & CSS3 Study Guide's
Definition of "relative positioning"
...causes an element to be positioned relative to it's normal position in the flow. (paragraph 6, apge 226).
Definition of "fixed layout"
...pixels so the sizes are fixed.... the size of the page won't change if the user changes the size of the browser window. (paragraph 5, page 168).
Definition of "absolute positioning"
...the element is positioned relative to the closest containing block that is positioned. If no containing block is positioned, the element is positioned relative to the browser window. (paragraph 4, page 226).
Definition of "fluid layout"
...the width of the page changes as the user changes the width of the browser window. (paragraph 1, page 206).
The code that follows: padding: .5em 0 .25em; applied this padding to an element...
.5em above, 0 left and right, and .25 em below.
Which of the following is a CSS class selector?
.first_line
If the bottom margin for one element is 1.5em and the top margin for the element below is 1em, how large is the margin between the two elements when the page is rendered in a browser?
1.5em
When this HTML code is rendered in a browser, what is the first link that will be displayed? <nav> <ul> <li>October: <a href="speakers/toobin.html"> Jeffrey Toobin</a></li> <li>November: <a href="speakers/sorkin.html"> Andrew Ross Sorkin</a></li> </ul> </nav>
Jeffrey Toobin
Which of the following is NOT a guideline for user accessibility?
Make sure that each page will run in all browsers.
When you use a Markup Validation Services to validate the HTML for one web page...
a trivial coding error can cause multiple validation errors.
Which of the following selectors applies to all <a> elements with "hot" as their class names that are coded within a div element that has "header" as its id?
a) a.hot #header b) a.hot > header (c) #header a.hot d) #header a:hot
The img element that follows gets the image file from the images folder, which is: <p><img src="../images/logo.gif" alt="Murach Logo"></p>
at the same level as the current folder.
The id attribute...
can be applied to only one element in an HTML document.
The normalize.css style sheet...
causes all browsers to render HTML elements the same way.
When you set the position property for a block element to fixed, the element...
doesn't move in the browser window, even when you scroll.
In the HTML for a three column layout, an aside, a main element, and another aside are coded within a body element. Then, to use floating to lay out the main and aside elements in sequence from left to right on a web page, you can use CSS to...
float the both asides and the main content to the left.
CSS is used to...
format the HTML elements of a web page.
Which of the following is a CSS type selector?
h1
If you want to apply styles to all <p> elements that are siblings of an h1 element, how do you code the selector?
h1~p
The code that follows: <p id="copyright" classs="base_color">Copyright 2018</p>
has two attributes in an opening tag.
In HTML, you must enclose an attribute value within quotation marks...
if it contains one or more spaces.
The <a> element that follows goes to a web page: <a href="books/javascript.html">JavaScript and DOM Scripting</a>
in a folder that is subordinate to the current page.
In HTML, you can code a Boolean attribute as...
just the attribute name.
If you want to apply styles to all of the li elements within a main element, how do you code the selector?
main li
When you use floating for a two column fixed width page layout, you need to...
make sure the body element is wide enough for the columns.
The internet consists of...
many wide area networks that are connected to local networks.
Validating an HTML file...
may help you find errors that are difficult to find any other way.
When you use a text editor to start a new HTML file from an old file, you...
open the old file, save it with a new name, and then add code to it.
A document-relative path in the reference for a link or image element is...
relative to the folder for the current document.
By default, if you specify a background image for a block element, the image will be...
repeated horizontally and vertically so it fills the element.
One of the benefits of using a browser's development tools to inspect the styles that are applied to an HTML document is that you can...
see how the styles from one source override the styles from another source.
For a two column layout where the main content is fluid and the aside is fixed, you use CSS to...
set the body width to a percent and don't set the main width.
For SEO, the title element in the head section of an HTML document...
should include one or two focus keywords for ranking the page.
A meta element in the head section of an HTML document...
should include up to 10 keywords or phrases.
In a three column layout that uses floating for page layout, you need to use CSS to...
stop any floating in the footer.
What does the clear property do?
stops the floating of the main element to the right of the proceeding block elements.
When you set the position property for a block element to absolute, the browser...
takes the element out of the flow of elements on the web page.
When you include JavaScript in a web application, the code is run by...
the JavaScript of the web browser.
When you set the float property for an img element to left...
the block element that follows it flow to the right of it. (If it has enough room)
Which elements will be indented? main { clear: left; } main h1 { font-size: 170%; } main h2 { font-size: 130%; } main p.indent { text-indent: 2em; } main a.date_passed { color: gray; }
the child <p> elements of the main element with a class named indent.
If you use a reset selector for a page, you need to set...
the margins and padding for all the elements of the page.
If more than one style rule is applied to an element, which style rule is applied?
the one with the selector that has the highest specificity.
HTML, is used to define...
the structure and contents of a web page.
If you include two or more external style sheets in the head element of an HTML document...
the styles are applied from the first style sheet to the last.
An HTTP response is sent from...
the web server to the client.
If you want to use floating for a three column page layout that consists of an aside, a main element, and another aside, you need to set...
the width of the body element and one or more of the contained elements to percents.
When you use the float property for a page layout, you should also set...
the width of the floated elements.
In the code that follows: margin: 0 auto; the auto keyword means...
to center the element horizontally within the containing block.
When you set a float property for a block element to left, the elements that follow it will flow into the space...
to the right of the floated element if there's enough space.
Instead of using span elements to identify portions of text for formatting, you should...
use HTML5 elements to identify the portions and CSS to format them.
When you use fixed positioning for a block element, you can...
use the top, bottom, left, and right properties to set its position on the page.
Pseudo-class selectors let you apply formatting...
when a specific conditions occur.
The div element should only be used...
when the semantic elements don't apply.
When you use an external style sheet with an HTML document, you get all but one of the benefits that follow. Which one is it?
(a.) Your CSS coding is simplier. b. You seperate the CSS code from the HTML code. c. You provide consistent formatting for all of the pages that use the style sheet. d. You can modift the formatting for all of the related pages by changing one style sheet.
To format a web page, you use...
CSS.
Which of the following techniques can you NOT use to create a two column layout?
Code the columns in any order and then float both the columns to the left.
Definition of "float"
When you float an element, through, it gets taken out of the flow of the document....any elements that follow the floated element flow into the space that's left by the floated element. (paragraph 2, page 202).
Definition of "fixed positioning"
[the element] ...is positioned relative to the browser window. (paragraph 5, page 226).
A valid HTML document requires...
a head element and a body element within an html element.
To apply the styles in an external style sheet to an HTML document, you need to code...
a link element in the head section.
Within a CSS style rule, a declaration consists of...
a property and a value.
Which of the following is a relative unit of measurement?
a. a pixel b. a point (c.) an em d. 100%
Which of the following units of measurement is equal to the font size for the current font?
a. a pixel b. a point (c.) an em d. 100%
When a browser makes a request for a dynamic web page...
an application server processes the request and returns the HTML to the web server.
When a client requests a dynamic web page, the HTML is generated by...
an application server.
A child selector in CSS allows you to select elements that...
are a direct descendant of an element.
By default, the element in the box model is...
as tall as it needs to be for its contents.
By default, which type of element is displayed on a new line?
block elements.
The portion of a web page that displays the most important contents should be coded as an HTML5...
body element.
When you code a font-family property in a style rule...
you can specify more than one font name.
When you're using the Live Preview feature of Brackets, the changes are shown in a Chrome browser as soon as...
you make a change to the HTML or CSS.
When you deploy a website, you upload its folders and files from...
your computer or network to a web server on the Internet.
