Wednesday, March 16, 2011
Wednesday, March 9, 2011
Week 7: challenge lab
Link > Form
Week 7 Challenge Lab:
1. What does the HTML doctype look like? <!DOCTYPE html>
2. What is the purpose of the <fieldset> element? -Grouping elements together in a form. Facilitating tabbing navigation for visual user agents and speech navigation for speech-oriented user agents.
3. What is the purpose of the <legend> element? What element(s) can the <legend> element be nested within? -Giving the title of the group form. It need to be nested within the form and the fieldset element.
4. By reviewing the code in the 24ways article, do HTML5 values need to be quoted? -No they do not need to be quoted.
5. What is the purpose of having -moz and -webkit prefixes on several of the CSS3 selectors? -To give support for Firefox, Google Chrome and Safari
6. Explain the :last-of-type pseudo-class. -Its a way of selecting the last sibling in a list of children of its parent element. In this case it was used to remove the bottom margin in the last fieldset.
7. Explain the :before and :after pseudo-elements. -This adds the content to your counter. Step 1, Step 2 etc..
8. Explain why and how a CSS counter is used for the form? -The CSS counter is used to give a clear indication of how many steps the form has. The way it is done here automatically generates the counters.
9. Provide at least one example of an attribute selector that was used in styling the form. -An example is the form payment form#payment label[for=visa] {background-image: url(visa.gif);]. -This places the visa image in the background.
10. Explain the :not() pseudo-class. -Here they used :not () to target the inputs that are not text or radio.
Week 7 Challenge Lab:
1. What does the HTML doctype look like? <!DOCTYPE html>
2. What is the purpose of the <fieldset> element? -Grouping elements together in a form. Facilitating tabbing navigation for visual user agents and speech navigation for speech-oriented user agents.
3. What is the purpose of the <legend> element? What element(s) can the <legend> element be nested within? -Giving the title of the group form. It need to be nested within the form and the fieldset element.
4. By reviewing the code in the 24ways article, do HTML5 values need to be quoted? -No they do not need to be quoted.
5. What is the purpose of having -moz and -webkit prefixes on several of the CSS3 selectors? -To give support for Firefox, Google Chrome and Safari
6. Explain the :last-of-type pseudo-class. -Its a way of selecting the last sibling in a list of children of its parent element. In this case it was used to remove the bottom margin in the last fieldset.
7. Explain the :before and :after pseudo-elements. -This adds the content to your counter. Step 1, Step 2 etc..
8. Explain why and how a CSS counter is used for the form? -The CSS counter is used to give a clear indication of how many steps the form has. The way it is done here automatically generates the counters.
9. Provide at least one example of an attribute selector that was used in styling the form. -An example is the form payment form#payment label[for=visa] {background-image: url(visa.gif);]. -This places the visa image in the background.
10. Explain the :not() pseudo-class. -Here they used :not () to target the inputs that are not text or radio.
Monday, March 7, 2011
Monday, February 21, 2011
Sunday, February 20, 2011
Sunday, February 13, 2011
Subscribe to:
Comments (Atom)