CSS stands for Cascading Style Sheet. CSS is used to style HTML code and CSS3 is the latest version to be approved by the World Wide Web Consortium (W3C). While it is possible to style yoru pages directly within HTML, using CSS allows you to separate content from style.
Looking at all of the different font options available can be overwhelming.
HTML makes UGLY pages!! How can you arrange the content as a presentation, not just a group of text?
CSS3 allows you to easily add animation to your site? Simple snippets of code can create cool effects.
If you use media queries you can modify the look and feel of your page based on the platform.
Find out great ways to use colors in your page that will be consistent across machines AND allow people with vision impairment to still navigate your page.
There are a number of popular frameworks that can provide templates for your site. However, these templates can always be improved to meet your specific needs. Knowing CSS allows you to make these changes.
Check it out!
You can see a non-responsive version of the home page that is always styled for a small or mobile screen. Try resizing the window and notice that the page doesn't change.
Week 1: Getting Started with Simple Styling
Lesson: Reviewing the "Cascading" of CSS
Lesson: Styling Your Text
Lesson: Code Together - Applying Style
Lesson: Display and Visibility
Display Example 2 Extra: CodePen
Lesson: Code Together - The Display Property
Code Together - Display Property: Replit
Assessment: Homework 1
Week 2: Advanced Selectors, Display, and Designing for Accessibility
Lesson: Styling Lists and Links
Lesson: Advanced Selectors
Lesson: Attribute Selectors
Lesson: Code Together - Navigation
Lesson: Browser Capabilities
Lesson: Background Images and Opacity
Week 3: The Box Model and Positioning
Week 4: Pseudo-classes, Pseudo-elements, and a Final Project
Lesson: Code Together: Styling Images with Pseudo-classes
Styling Images with Pseudo Classes: Replit