CSET-110 Web Development I

Week 2: Styling with Basic CSS

Main Objective: To learn how to change the visual representation of HTML elements.

Lessons:

1. Basic CSS
2. The Box Model

Project:

This week, we'll add styles and a basic layout to the resumes from last week.

Follow the project instructions as best you can. You can ask for help from your team or the tutors, if needed. All work is due at the end of class on Friday, October 2^nd.

Assessment:

Follow these guidelines to answer the following questions. Due at the end of class on Friday, October 2^nd. Your file should be at the following path: cset/110/assessment-2.md.

• Pick your favorite CSS property so far. Explain what it's used for and all the potential values or units it can take. Why do you like it?
• Imagine you are making a website for a restaurant and you need to style the menu options to show that some are spicy or vegetarian or gluten-free. If all the menu options are using the same HTML elements, what CSS selector(s) could you use and why? Show an example.
• Style rules sometimes conflict with each other, especially in large projects. Explain the difference between cascade, inheritance, and specificity and how you can use these concepts to organize your CSS.