In this lesson we will learn about the fundamentals of CSS including syntax, formatting, selecting HTML elements to style, as well as font and color properties.
- Explain the purpose of CSS
- List and use various CSS syntax
- Use various formats of CSS
- Use CSS Selectors
- Use font & color properties
Note: Slides for this lecture video are provided in the resources at the bottom of this lesson.
- CSS allows us to style our HTML pages.
- CSS has three distinct formats, although external CSS is considered the best option for styling websites.
- CSS provides a wide range of selectors to select different elements. Get to know them all.
- The more specific a selector, the more authority it has.
- Some properties are inherited from a parent element and others are not.
- Colors can be specified using color names, hex, rgb, rgba, hsl, or hsla.
- There are a wide range of font properties to adjust your text.
- We can load web fonts that might not be available on the site visitor's computer by telling our CSS to load them from our server instead.
- Comments in CSS are written like
/* this */
.
- MDN - CSS Tutorials for Beginners
- MDN - CSS Property Reference
- MDN - CSS Inheritance
- Tuts Plus - 30 CSS selectors to Memorize
- Learn More Pseudo Selectors
- CSS3.info - Using Web Fonts
- Web Font Generator
- CSS Authority, Specificity
- CSS Performance & Organization, Best Practices
- CSS Validator
- CSS Diner Online Game
- Adobe - Color Scheme Tool
- CSS Tricks - HSLA
View CSS Fundamentals on Learn.co and start learning to code for free.