IT Web Design Test 2
Choose the example below of a descendant selector that configures the anchor tags within the element assigned to the content id. Question options: #content a .content a a#content content#a
#content a
The CSS to create the class called myfloat that floats to the right of the other page content, has a 10px margin, and a solid border is: Question options: .myfloat { float:right; margin:10px; border: 1px solid #000000; } #myfloat { right:float: margin 10px; border: 1px solid #000000; } myfloat { float:right; 10px:margin; border: 1px solid #000000; } myfloat { float:right; margin:10px; border: on; }
.myfloat { float:right; margin:10px; border: 1px solid #000000; }
The default value for the border property for an element is: 1 pixel 0 pixels 3 pixels 10 pixels
0 pixels
The _______ pseudo-class configures the styles that will apply when a hyperlink is clicked, Question options: :hover :click :active :over
:active
The _______ pseudo-class configures the styles that will apply when the mouse is placed over a hyperlink. Question options: :hover :click :active :over
:hover
Which of the following CSS3 pseudo-elements could be used to apply styles to the last row of a table? Question options: :last-of-type :last-row : tfoot This cannot be done with CSS.
:last-of-type
The _______ pseudo-class configures the styles that will apply for a hyperlink that has not been visited by the user. Question options: :unvisited :link :visited :new
:link
Which of the following CSS3 pseudo-elements will be useful when configuring every other row of a table? Question options: :last-of-type :nth-of-type(n) :every-other-type This cannot be done with CSS.
:nth-of-type(n)
How would you link to the named fragment #school on the page resume.html from the home page of the site? Question options: <a href="resume.html#school">Educational Background</a> <a name="resume.html#school"> Educational Background </a> <a link="resume.htmlschool"> Educational Background </a> <a link="resume.html#school"> Educational Background </a>
<a href="resume.html#school">Educational Background</a>
How would you configure a hyperlink from the index.html file to another file named services.html which is located in the same folder? Question options: <a target="services.html">Services</a> <a href="services.html"> Services </a> <a name="services.html"> Services </a> <a> Services </a>
<a href="services.html"> Services </a>
How would you define a fragment identifier at the top of a page, called "top"? Question options: <div id="top"> <div bookmark="top"> <div id="#top"> <div href="top">
<div id="top">
Use ____________ positioning to precisely configure the location of an element outside of normal flow. Question options: absolute static relative fixed
absolute
The ________ HTML5 element indicates tangential or supplemental content. Question options: header nav aside section
aside
Use the ___________________ property to resize or scale the background image. Question options: background-image background-clip background-origin background-size
background-size
The _______ is between the padding and the margin. Question options: border spacing padding content
border
Use the ______ attribute to configure the browser to render default table and table cell borders. Question options: table border width border border-spacing
border
Use the ________________ property to configure rounded corners with CSS. border-round border-radius box-shadow background-corner
border-radius
To eliminate the space between table cells, use the ___________ property. Question options: border: none; border-style: 0; border-spacing: 0; cellspacing: 0;
border-spacing: 0;
Which of the following configures a 1 pixel, solid black border for an element? Question options: border-all: #000000; border: 1px solid #000000; border-style: 1px solid #000000; border-top: 1px solid #000000;
border: 1px solid #000000;
Which of the following configures a 1 pixel, solid black border for an element? border-all: #000000; border: 1px solid #000000; border-style: 1px solid #000000; border-top: 1px solid #000000;
border: 1px solid #000000;
The _______ is between the padding and the margin. Question options: border spacing padding content
border??
The CSS opacity property configures the display of _____________ only the background only the text neither the text or the background both the text and the background
both the text and the background
The purpose of the _______ element is to describe the contents of a table. Question options: summary caption title border
caption
Select the example below that could be used to clear a right float. Question options: clear: right; clear: left; right: clear; overflow: right;
clear: right;
__________________ will cause an object not to display. Question options: display: block; display: 0px; display: none; display: fixed;
display: none;
____ A border can be configured on only one side of an element
false
Use ___________ positioning to configure the location of an element to remain the same and to not move even when the web page is scrolled within the browser viewport. Question options: absolute static relative fixed
fixed
If an element is configured with ___________ the other content on the page will appear to its left. Question options: position: left; position: relative; float :left; float: right;
float: right;
A _________________ is a smooth blending of shades from one color to another. Question options: transition transform shadow gradient
gradient
Use the th element to indicate a table column or row _____. Question options: data heading summary caption
heading
Which attribute below defines a fragment identifier in a page? Question options: id identifier fragment bookmark
id
Which attribute below defines a fragment identifier in a page? Question options: id identifier fragment bookmark
id?
Which value for the display property is useful when configuring horizontal navigation within an unordered list? Question options: none block inline fixed
inline
Use the _______ property to configure a smooth blending of color in a single direction. Question options: linear-gradient background-color background-image opacity
linear-gradient
Use the _______ property to configure a smooth blending of color in a single direction. linear-gradient background-color background-image opacity
linear-gradient
From the choices below select the correct order to code CSS pseudo-classes. Question options: link, focus, hover, visited, active focus; hover, link, active, visited link, visited, focus, hover, active link, hover, active, visited, focus
link, visited, focus, hover, active
Use the _______________ property to eliminate the bullets from an unordered list. Question options: bullet-image list-style-none list-style-type list-style-image
list-style-type
When using the box model, the _____ is always transparent. Question options: border content spacing margin
margin
Which of the following, from outermost to innermost, are components of the box model? margin, border, padding, content content, padding, border, margin content, margin, padding, border margin, padding, border, content
margin, border, padding, content
Which of the following is used along with the width property to configure centered page content? margin-left: auto; margin-right: auto margin: top-10, left-0, right-0, bottom-10; margin: 15px 0 5px 0; margin: 20px;
margin-left: auto; margin-right: auto
Use the __________ property to configure a maximum width for an element width maximum-width max-width width-max
max-width
Use the __________ property to configure a minimum width for an element width minimum-width min-width m-width
min-width
Use the ______ value for the CSS display property to configure an element to not display. Question options: block none 0 hide
none
_________ flow displays the elements on the page in the order they appear in the web page source code. Question options: default source code browser normal
normal?
The CSS3 _______ property configures the transparency of an element. opacity transparency background-opacity opacity-background
opacity
Use the ________ or _______ property to clear a float. Question options: float or clear clear or overflow position or clear overflow or float
overflow or clear??
The _______ is the area between the content and the border. border spacing padding margin
padding
The _______ is the area between the content and the border. Question options: border spacing padding margin
padding
When configuring the background color of an element, the background color is applied to both the content and ______ areas. border padding margin extra
padding
When configuring the background color of an element, the background color is applied to both the content and ______ areas. Question options: border padding margin extra
padding
Which of the following configures padding for an element with the following values: top padding 0 pixels, left padding 10 pixels, right padding 10 pixels, bottom padding 20px? Question options: padding: 0px 10px 20px 10px; padding: 0 10px 20px 10px; padding: 10xp 20px; padding: 20px 10px 10px 0px;
padding: 0 10px 20px 10px;
Use the ________ property along with the left, right and/or top property to precisely configure the position of an element. Question options: position: absolute; position: relative; position: float; absolute: position;
position: absolute;
Use ___________ positioning to slightly change the location of an element in relation to where it would otherwise appear when rendered by a browser. Question options: absolute static relative fixed
relative
An HTML table is comprised of ____ and ______. Question options: lines and text headers and body rows and columns none of the above
rows and columns
The ________ HTML5 element indicates a portion of a document, like a chapter or specific topic. Question options: header article aside section
section
What is the term used to describe image file that contains multiple small graphics? Question options: thumbnail image sprite image link viewport
sprite
Use the ______ element to contain an HTML table. Question options: th td tr table
table
Use the ______ element to contain a table data cell. Question options: th td tr table
td
Use the headers attribute on the ___ element to correspond to the id attribute on a ___ element. Question options: tbody, table td, th td, tr td, table
td, th
Which of the following CSS3 properties configure the alignment of text within a table? Question options: align caption text-align border-spacing
text-align
Select the property that is useful to remove the underline from a hyperlink. Question options: font-style underline text-decoration u
text-decoration
The ___________________ property configures a shadow effect on the text displayed within an element. box-shadow linear-gradient text-shadow shadow
text-shadow
Use the ________ element to configure a table footer row group. Question options: thead tgroup tbody tfoot
tfoot
Use the ____ element to configure a table heading cell. Question options: td th head tr
th
Use the ________ element to configure a table head row group. Question options: thead tgroup tbody tfoot
thead
Use the ______ attribute on a td element to associate it with a table heading cell. Question options: th headers heading title
title
Use the _____ element to contain a table row. Question options: td tr table row
tr
Which of the following is NOT a valid value for the border-style property? dashed groove solid triple
triple
A radial gradient is a smooth blending of color emanating outward from a single point. True False
true
_____ The CSS border-spacing property can be used to configure the horizontal and vertical spacing of table borders. Question options: True False
true
_____ The CSS vertical-align property can be used to configure the vertical alignment of the contents of a table cell. Question options: True False
true
Choose the item below that is not an HTML5 element. Question options: footer figcaption wrapper article
wrapper
Is the following HTML code valid? <table> <tr> <td>cell 1</td> <td>cell 2 </tr> </table> Question options: Yes. No, you cannot code two td elements within the same row No, you cannot code a table with only one row No, there is a missing closing td tag
No, there is a missing closing td tag
Choose the recommended use of tables on web pages. Question options: Use tables to format the layout of an entire page Use tables to organize tabular information Use tables to format hyperlinks Use tables instead of unordered lists
Use tables to organize tabular information
