Course Summary
Learn the basics of Cascading Style Sheets (CSS) and create websites that are both visually appealing and functional.Key Learning Points
- Understand the fundamentals of CSS, including selectors, properties, and values
- Learn how to use CSS to style text, images, and other elements on a webpage
- Explore advanced CSS topics like layout, positioning, and responsive design
Related Topics for further study
Learning Outcomes
- Create visually appealing and functional websites using CSS
- Understand advanced CSS topics like layout, positioning, and responsive design
- Apply CSS to style text, images, and other elements on a webpage
Prerequisites or good to have knowledge before taking this course
- Basic knowledge of HTML
- Access to a computer with internet connection
Course Difficulty Level
BeginnerCourse Format
- Self-paced
- Online
- Video lectures
Similar Courses
- HTML, CSS, and JavaScript for Web Developers
- Web Design for Everybody: Basics of Web Development & Coding
Related Education Paths
- Web Design for Everybody Specialization
- Full Stack Web and Multiplatform Mobile App Development Specialization
Notable People in This Field
- Chris Coyier
- Jen Simmons
- Rachel Andrew
Related Books
Description
The web today is almost unrecognizable from the early days of white pages with lists of blue links. Now, sites are designed with complex layouts, unique fonts, and customized color schemes. This course will show you the basics of Cascading Style Sheets (CSS3). The emphasis will be on learning how to write CSS rules, how to test code, and how to establish good programming habits.
Outline
- Week One: Getting Started with Simple Styling
- 01.01 Course Welcome
- 01-02 Cascading Style Sheets
- 01-03 Colors
- 01-04 Styling Your Text
- 01-05 Code Together
- 01-06a Display and Visibility - Part 1
- 01-06b Display and Visibility - Part 2
- 01-07 Optional -- Homework Description
- Syllabus
- Resources
- Help us learn more about you!
- Building Your First Web Page
- Early coding
- Code Placement
- Homework One Description
- Peer Review
- Styling Syntax and Theory
- Week Two: Advanced Styling
- 02-01 Box Model
- 02-02 Code Together
- 02-03 Styling Links and Lists
- 02-04 Advanced Selectors
- 02-05 Browser Capabilites
- 02-06 Code Together
- 02-07 Designing For Accessibility
- 02-08 Optional - Homework Description
- Resources
- Coding Together
- Supplemental reading on complex selectors
- Shorthand rules
- Browsers
- Code Together
- Background Images and Opacity
- Optional - The importance of headings
- Homework Two Description
- Optional Practice Quiz: Review
- Advanced Selectors Quiz
- Week Three: Psuedo-classes, Pseudo-elements, Transitions, and Positioning
- 03-01 Pseudo Classes and Elements
- 03-02 Transitions
- 03-03 Transforms
- 03-04 Code together - Transitions
- 03-05 Positioning
- Resources
- OPTIONAL READINGS - Transitions, Transforms, and Animation
- Positioning
- Why not a Peer Assignment this week?
- Some Fun Links
- Final Quiz
- Week Four: Putting It All Together
- 04-01 Styling Tables
- 04-02 Creating Navigation Menus
- 04-03 Accessible Navigation
- 04-04 Creating Navigation Menus 2
- 04-05 Creating Navigation Menus 3
- 04-06 Optional - Homework Description
- 04-07 Conclusion
- Resources
- OPTIONAL: A Change to the Accessibility of Headings
- Final Project Description
- Where To Go From Here?
- Coursera Options
- CodeAcademy - other badge tutorials
- Meetups
- Post-course Survey
- Keep Learning with Michigan Online
Summary of User Reviews
This course on introductory CSS has received positive reviews from users. Many users appreciated the practical approach to learning and the engaging instructor.Key Aspect Users Liked About This Course
The engaging instructor.Pros from User Reviews
- Practical approach to learning
- Easy to follow explanations
- Great for beginners
Cons from User Reviews
- Not enough advanced topics covered
- Limited interactivity in exercises
- Some technical issues with the platform
Colleen van Lent, Ph.D.
4.8 Raiting
Complete Responsive Web Development: 4 courses in 1
- 4.4
-
![]()
![]()
![]()
![]()
![]()
Master yourself in HTML5, CSS3, Bootstrap, jQuery and responsive web development === Our students reviews regarding this course === "This course deserves more than 200$" -- Mohamed Laqlii...
PHP for Beginners to Inventory POS Sales Project - AdminLTE
- 4.5
-
![]()
![]()
![]()
![]()
![]()
Create Inventory POS System Project With Billing by use of Bootstrap Responsive AdminLTE Dashboard With PHP PHP7 MYSQL Requirements Description This PHP Basics:...
PhoneGap Development for Absolute Beginners
- 4.3
-
![]()
![]()
![]()
![]()
![]()
Learn the PhoneGap development framework and understand the Basic concepts of PhoneGap Applications. In software development, PhoneGap is a mobile development framework created by Nitobi....
Introduction to CSS3
- 4.8
-
![]()
![]()
![]()
![]()
![]()
The web today is almost unrecognizable from the early days of white pages with lists of blue links. This course will show you the basics of Cascading Style Sheets (CSS3)....
