Web Development Study Guide.docx

**Web Development Study Guide** 1. a. b. c. d. 2. e. f. g. h. 3. i. j. k. l. 4. m. n. o. p. 5. q. r. s. t. 6. u. v. w. x. 7. y. z. a. b. 8. c. d. e. f. **CSS Properties Matching** 9. **Property** **Description** ------------...

**Web Development Study Guide** 1. a. b. c. d. 2. e. f. g. h. 3. i. j. k. l. 4. m. n. o. p. 5. q. r. s. t. 6. u. v. w. x. 7. y. z. a. b. 8. c. d. e. f. **CSS Properties Matching** 9. **Property** **Description** ----------------------- ---------------------------------------------------------------------- A. display: block 1\. Removes an element from the layout entirely. B. visibility: hidden 2\. Makes the element visible but retains the space. C. display: none 3\. Makes an element take up the full width and start on a new line. D. opacity: 0.5 4\. Makes the element 50% transparent. Answers: A- B- C- D- **Box Model Matching** 10. **Part** **Description** ------------ ---------------------------------------------------------- A. Content 1\. Space between the content and the border. B. Padding 2\. Area containing the text or image within an element. C. Border 3\. Area outside the padding that surrounds the element. D. Margin 4\. Space between elements, outside the border. **Pseudo-Class and Pseudo-Element Matching** 11. **Pseudo-class/element** **Description** -------------------------- --------------------------------------------------------------------------- A. :link 1\. Selects the first letter of an element. B. ::before 2\. Applies styles to unvisited links. C. :active 3\. Selects and inserts content before an element. D. ::selection 4\. Applies styles to the part of an element currently highlighted by the user. Answers: A- B- C- D- **Semantic Tags Matching** 12. **Tag** **Purpose** ---------------- ----------------------------------------------------------- A. \ 1\. Defines the main content area of a page. B. \ 2\. Represents independent content like a blog post. C. \ 3\. Typically contains contact information or site links. D. \ 4\. Groups related content within a webpage. Answers: A- B- C- D- **Fill in the Blank Questions** 13. 14. 15. 16. **Short Answer Questions** 17. 18. 19. 20. **CSS Animation and Filter Matching** 21. **Property/Rule** **Description** ---------------------------- ------------------------------------------------------- A. \@keyframes 1\. Makes an image shades of black and white. B. filter: blur(5px) 2\. Defines the sequence of changes for an animation. C. filter: grayscale(100%) 3\. Applies a softening effect with a 5-pixel radius. Answers: A- B- C- 22. g. h. i. j.