Cascading Style Sheets (CSS)

Adding Style to Structure

Start Here

Do yourself a favor and watch this introductory video by Colt Steele. It's part of a series geared toward beginners that provides an explanation of how HTML and CSS are related and gets you started on selecting and styling your HTML elements.

CodeAnalogies Blog

Who doesn't love a good analogy for explaining how things work? This blog uses visual tutorials to teach coding concepts, including floats, positioning, and the CSS box model. Select the image above to check it out.

CSS Selectors

Another great video by Colt Steele. This time he gives a basic tutorial on how to use CSS selectors to target items in your HTML document and then modify the properties of those items.

Additional Resources

These links will take you to some of the standard resources you're likely to encounter on your coding journey

CSS Code Snippets

30 seconds of code has a great Github repository of CSS snippets. Select a link to view the code associated with a specific example, or use the shuffle button to get a new set of snippets.

A Little Humor for the Road

#titanic {             
   float: none;
}                              

#big-bang::before {   
content: " ";
}                                        

#muscles {          
   display: flex;
}                              

Puns courtesy of Digital Synopsis