Introduction to CSS

Description

In this course, you will :

• explains what CSS is and how it interacts with HTML, discusses authoring options, and covers common CSS concepts such as the CSS box model and working with fonts and colour.
• demonstrates how to use CSS to structure a page, how to keep CSS up to date with version control, how to work with media queries, and more.

Syllabus :

1. CSS Basics

• What is CSS
• Default browser styles
• CSS syntax
• Basic selector types
• How CSS works with HTML
• CSS authoring options
• How browsers apply styles

 

2. CSS Specifications

• CSS: then and now
• Available CSS resources
• Checking browser support

 

3. Common CSS Concepts

• CSS normalization and resets
• Working with fonts
• Understanding the box model
• Margins and padding
• Borders and backgrounds
• Working with color
• Units of measurement
• Vendor prefixes

 

4. CSS Layouts

• Structuring a page with CSS
• Element positioning
• Floats
• Flexbox
• CSS Grid Layout module

 

5. Working with CSS

• Organizing CSS
• Maintaining CSS with version control
• Using browser inspection tools
• Validating CSS

 

6. Responsive CSS

• Introduction to responsive web design
• Working with media queries
• What is mobile-first

 

7. Going Further with CSS

• CSS frameworks and grids
• CSS preprocessors
• Additional resources

Show more