Exam

Question 1

makes a full width table

Answer 1

table { width: 100%;}

Question 2

Makes Collapse Table Borders

Answer 2

table { border-collapse: collapse;}

Question 3

Scroll down and, within the section element and after the paragraph for Required Item (*), insert a form element. This form will employ the action of formProcessor.html via the get method.

Answer 3

<h1>Conference Registration Form</h1>

<p>Required Item (*)</p>

<form><label>Title</label><input></input>
</form>

Question 4

Within the form, add the labels and input boxes described in the following table. Place the input boxes directly after the labels and associate each label with its input box control. Do not enclose the label and input elements within div elements.

Answer 4

<label>Registration Category</label> <select> <option> </option> <option>ACGIP Member ($695)</option> <option>Non-Member ($795)</option> <option>Student ($310)</option> <option>Guest ($35)</option></select>

Question 5

Create a style rule that will affect all of the form control elements (input, textarea, select) that does the following: a. Use the box sizing model of border-box. b. Has a width of 45% of the form. c. Has a margin on the top of 5 pixels.

Answer 5

input, textarea, select { box-sizing:border-box; width: 45%; margin-top:5px; }

Question 6

Use the attribute selector to style only the submit button. This is the input[type=”submit”] selector. This should do the following: a. display the element as a block to put it on it’s own line, b. have auto margins & have 15 pixels of margin only on the top, c. have 5 pixels of padding for both the top & bottom and 25 pixels of padding for the left & right. d. uses the background color of #90aa90 (this is the same green color of the aside), e. uses a white text color, f. has a font size of 1.1 em. g. and has a border radius of 15 pixels.

Answer 6

input[type=”submit”] { display:block; margin:auto; margin-top : 15px; padding: 5px 25px; background-color: #90aa90; color:white; font-size:1.1em; border-radius:15px; }

Question 7

td stands for

Answer 7

table data

Question 8

tr stands for

Answer 8

table row

Question 9

th stands for

Answer 9

table header

Question 10

Defines a table caption

Answer 10

<caption>
</caption>

Question 11

Specifies a group of one or more columns in a table for formatting

Answer 11

<colgroup>
</colgroup>

Question 12

Specifies column properties for each column within a <colgroup> element

Answer 12

<col></col>

Question 13

for mobile styles

Answer 13

media only screen and (max-width: 640px) {