CSC 365 Final
JavaScript Comparison (to other OO languages)
- variable declaration - variable assignment - if-else structures - loops - primitive data types - arrays
Consider the HTML table described below. It has how many columns? And it has how many rows? <table> <tr> <td colspan="2">A</td> <td rowspan="3">B</td> </tr> <tr> <td>C</td> <td>D</td> </tr> <tr> <td>E</td> <td>F</td> </tr> </table>
3 rows and 3 columsn (3x3)
If two CSS declaration conflict, which declarations override the other declarations? A) !important declarations in a web page B) normal declarations in a web page C) normal declarations in a user style sheet D) default declarations in the web browser
A) !important declarations in a web page
Which of the following dynamic pseudo-classes means the link has not yet been visited by a user? A) :link B) :nvisited C) :active D) :hover
A) :link
Which of the following is true about ids and classes in terms of css? A) An id attribute can only be used in the HTML page B) A class attribute can only be used once in the HTML page C) An id is only used for JavaScript D) Classes and ids should not be used on the same HTML page
A) An id attribute can only be used once in the HTML page
CSS pseudo-classes are used to style a given state of an element such as A) active B) first-line C) first-letter D) first-word
A) active
If you set the background color for the body of a page to blue and you don't set the background color for a section within the body, the background of the section will be: A) blue B) white C) the background color that's set for the html element D) the browser default color
A) blue
Which of the following is least likely to be converted to relative units? A) borders B) margins C) paddings D) widths
A) borders
What CSS property do you use to display a block element as s flex container? A) display B) flex C) flexbox D) flex-direction
A) display
The css technique used to center content horizontally on a page is by using which property? A) text-align B) h-value C) margin D) padding
C) margin
What is the value of the list-style-type property that will cause no marker to be displayed? A) empty B) null C) void D) none
D) none
In a fixed layout, the size of the page and the size of the page elements are fixed using ___ as the unit of the measure. A) ems B) fractions C) percentage D) pixels
D) pixels
Advantages of JavaScript
- reduces load on server - responds quickly to user events
To create a drop-cap, one can increase the font size of an element's ___. A) first line B) hyperlink C) first letter D) ridge
C) first letter
How is it different
- changes the content of an HTML page - DOM script - provides methods and properties that modify the DOM
Disadvantages to JavaScript
- client may not have JavaScript enabled - required functionality must be redundantly implemented server-side - not fault tolerant - JavaScript-heavy applications can be difficult to debug and maintain
Which of the following is the correct way to declare the font-family values? A) font-family: Cambria, "Times New Roman", serif; B) font-family: "Cambria", "Times New Roman", serif; C) font-family: Cambria, Times New Roman, serif; D) font-family: Cambria Times-New-Roman, serif;
A) font-family: Cambria, "Times New Roman", serif;
Two- and three-tier navigation menus are implemented by A) hiding the submenus until the parent is active or is hovered B) collapsing the submenus until the parent is active of is hovered C) adding the submenus to the code one the parent is active or is hovered D) displaying the submenus at all times
A) hiding the submenus until the parent is active or is hovered
Which of the following is NOT a type of css implementation? A) hyperlink B) inline C) embedded D) external
A) hyperlink
If more than one style rule is applied to an element, which style rule is applied? A) the one with the selector that has the highest specificity B) the one with the highest ranking selector type C) the one that's specified last D) the one that's specified first
A) the one with the selector that has the highest specificity
The RGBA and HSLA colors that are available with CSS3 let you specify A) the opacity of the color B) the concentration of the color C) a pattern for the color D) a name for the color
A) the opacity of the color
Which of the following selectors is more specific? A) .nav B) #nav C) * D) div
B) #nav
Identify a contextual selector that matched any element. A) % B) * C) elem D) ::all
B) *
<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> When this HTML code is rendered in a browser, what is the first link that will be displayed? A) October: Jeffrey Toobin B) Jeffrey Toobin C) November: Andrew Ross Sorkin D) Andrew Ross Sorkin
B) Jeffrey Toobin
Best practices suggest putting style declarations in an external css page in what order? A) in order of specificity B) in alphabetical order C) in the approximate order of the corresponding HTML elements D) in order of the style type
C) in the approximate order of the corresponding HTML elements
A valid HTML document requires: A) a head element and an html element within a body element B) a head element and a body element within an html element C) a head element and an html element within a DOCTYPE declaration D) a head element and a body element with a DOCTYPE declaration
B) 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) a style element in the head section B) a link element in the head section C) a style attribute for the body element D) a link attribute for the body element
B) a link element in the head section
When you use a Markup Validation Service to validate the HTML for one web page, A) the page won't run in a browser if it isn't valid B) a trivial coding error can cause multiple validation errors C) you can be sure that the validated page will work correctly in all browsers D) you need to validate all pages of your site
B) a trivial coding error can cause multiple validation errors
In HTML, a numbered list is coded with: A) a ul element that contains li elements B) an ol element that contains li elements C) an li element that contains ul elements D) an li element that contains ol elements
B) an ol element that contains li elements
Identify an attribute selector used to select an element based on its class value. A) class: .intro.elem B) elem.class C) elem#class D) class *elem
B) elem.class
CSS pseudo-elements are used to style the given parts of an element such as A) hover B) first-letter C) last-child D) visited
B) first-letter
A flex container can contain one or more A) flex boxes B) flex items C) cross axes D) floats
B) flex items
To apply a background image behind the body element, the background-image property should be applied to: A) <body B) html C) !DOCTYPE D) body
B) html
In the box model for an element, the border A) is outside the margin B) is between the padding and the margin C) is inside the padding D) is inside the content
B) is between the padding and the margin
Items within a flexbox are laid out along a ___, which can point in either the horizontal or vertical direction. A) primary axis B) main axis C) sub axis D) cross axis
B) main axis
Validating an HTML file: A) ensures that the file will render correctly in all browsers B) may help you find errors that are difficult to find any other way C) has to be done before the file is uploaded to a web server D) has to be done for all the pages of a website
B) may help you find errors that are difficult to find any other way
The ___ value of the display property removes an element from a rendered page. A) null B) none C) empty D) hide
B) none
___ units express font size according to the size of other objects within a web page. A) absolute B) relative C) standard D) output
B) relative
Identify the default type for the background-repeat property. A) no-repeat B) repeat C) repeat-x D) repeat-y
B) repeat
By default, the <br> tag: A) breaks a page into two parts B) starts a new line of text C) displays text in bold D) creates a link
B) starts a new line of text
Which of the following properties is used to remove the underline from links? A) text-format B) text-decoration C) text-align D) text-font
B) text-decoration
<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> When the list is displayed in a browser, the list items: A) will be preceded by numbers B) will be preceded by bullets C) will be preceded by tab characters D) won't be preceded by anything
B) will be preceded by bullets
If the bottom margin for one element is 1.5em and the top margin for the element below it is 1em, how large is the margin between the two elements when the page is rendered in a browser? A) .5em B) 1.0em C) 1.5em D) 2.5em
C) 1.5em
Which of the following units is a relative unit of measurement? A) a pixel B) a point C) an em D) a rel
C) an em
By default, which type of element is displayed on a new line? A) all element types B) inline elements C) block elements D) semantic elements
C) block elements
The img element that follows <p><img src="images/logo.gif" alt="Logo"></p> A) displays "Logo" above the image that's retrieved B) displays "Logo" within a p element C) displays "Logo" if the image can't be found D) displays the image as text within a p element
C) displays "Logo" if the image can't be found
The ___ unit is the preferred style unit for web page text because it makes it easy to develop pages in which different page elements have consistent relative font sizes under any device. A) in B) ft C) em D) en
C) em
<section> <h4>..</h4> <article>..</article> </section> section { width: 400px; font-size:16px;} section h4 {fot-size:12px;} section article { padding:4px; } What would be the correct h4 style declaration to make the code responsive? A) section h4 {font-size: 12%;} B) section h4 {font-size: 12em;} C) section h4 {font-size: .75em;} D) section h4 {font-size: 1.25 em;}
C) section h4 {font-size: .75em;}
The title element in the head section of an HTML document specifies the text A) that's used to refer to the document B) that's used to refer to the application C) that's displayed in the browser's tab for the page D) that's displayed in the status bar of the browser
C) that's displayed in the browser's tab for the page
The default browser font size is assumed to be: A) 10px B) 12px C) 14px D) 16px
D) 16px
The ___ pseudo-class is to be used for a situation in which a user has moved the mouse pointer over a hypertext link prior to clicking the link. A) :active B) :mouse C) :link D) :hover
D) :hover
Which of the following selectors is most specific? A) nav B) a, nav C) a D) a nav
D) a nav
Within a CSS style rule, a declaration consists of: A) a selector and a declaration block B) a selector and a value C) a property and a selector D) a property and a value
D) a property and a value
What kind of tag is this? <img src="logo.gif" alt="Logo"> A) an opening tag B) a closing tag C) a complete tag D) a self-closing tag
D) a self-closing tag
How is background color best defined in a CSS file? A) @bgcolor "color"; B) @background="color"; C) background: color; D) background-color: color;
D) background-color: color;
In the context of a flexible box, perpendicular to the main axis is the ___, which is used to define the height or width of each item. A) flow axis B) logic axis C) secondary axis D) cross axis
D) cross axis
The <a> element that follows <a href="gallery.html">View our gallery</a> A) displays "gallery" as a link B) displays "gallery.html" as a link C) displays "View our gallery" as plain text D) displays "View our gallery" as a link
D) displays "View our gallery" as a link
Two- and three-tier navigation menus make use of all of the following except: A) nested lists B) relative positioning C) absolute positioning D) fixed positioning
D) fixed positioning
What CSS property do you use to determine whether flex items are displayed horizontally or vertically? A) display B) flex C) flexbox D) flex-direction
D) flex-direction
If you want to apply styles to all of the li elements within a main element, how do you code the selector? A) main+li B) main>li C) main~li D) main li
D) main li
___ are used to associate a style sheet or a style rule with a specific device or list of device features. A) flexible layouts B) responsive images C) viewports D) media queries
D) media queries
<section> <h4>..</h4> <article>..</article> </section> section { width: 400px; font-size:16px;} section h4 {fot-size:12px;} section article { padding:4px; } What would be the correct article style declaration to make the code responsive, assuming the default browser font size? A) section article {padding: 10%;} B) section article {padding: .25em;} C) section article {padding: 10% .25em;} D) section article {padding: .25em 10%;}
D) section article {padding: .25em 10%;}
By default, if the flex items within a flex container are too wide to fit within the container A) the flex items will wrap to multiple lines B) the rightmost flex items will be truncated C) the leftmost flex items will be truncated D) the sizes of the flex items will be reduced as much as possible and the content will be wrapped within the flex items
D) the sizes of the flex items will be reduced as much as possible and the content will be wrapped within the flex items
Inline images can be turned into links by enclosing the image within opening and closing <img> tags
False
The description list uses the li element
False
The structural element, aside, is content placed at the bottom of the page.
False
The STRONG element is an inline element that indicates text of great importance.
True
The img element is inserted using the empty element tag because it does not enclose any page content, but instead links to an external image file.
True
What character entity is created by the character?
a space