An Introduction to CSS - Cascading Style Sheets

Objectives

• Understand the fundamentals of CSS styling and be able to apply that knowledge to your own site design.

Assignment

• Complete Intro To CSS Assignment - Cascading Style Sheets in class.
• Read links below. If need more help watch video listed tutorials.

Reading

• Previously reviewed in class Web Design 101
• Read three ways to insert CSS (Link to an external style sheet is one...) by w3schools
• Read CSS Backgrounds by w3schools
• Read CSS Fonts by w3schools
• Read CSS width property by w3schools
• Read CSS Box Model - Padding, Margin and Border by w3schools
• Read CSS Center Aligning Using Margin by w3schools
• Read CSS selectors by w3schools
• Read CSS text color by w3schools
• Read CSS list style properties by w3schools
• Read CSS text decoration properties by w3schools
• Read CSS float property by w3schools
• Read CSS Syntax and Selectors - Use for comments, ID's and Classes by Nicolas Gallagher
• Read CSS Pseudo-classes by w3schools
• Read Getting started with Google Fonts
• Read HTML Colors by w3schools
• Read HTML Color Names by w3schools
• Read CSS Clear Floats with Micro Clear fix by Nicolas Gallagher
• Read Download sticky footer and other css stuff

Videos

• My videos are available on itunes. Following is the link:
  https://itunes.apple.com/us/course/id694364463
  

  Once there clicking on the blue links "View in iTunes" will allow you to do so. If you don't have iTunes installed it's easy and free.

• 02a_CSS_ExternalStyle.mp4
  02b_CSS_Division.mp4
  02b2_CSS_Comments.mp4
  02c_CSS_CSS_Reset.mp4
  02e_CSS_Style_select.mp4
  02g_CSS_Padding_Margin2.mp4
  02h_CSS_Borders.mp4
  02i_CSS_Navigation.mp4
  02j_CSS_Images.mp4
  02j2_CSS_Image_float.mp4
  02k_CSS_WebFonts.mp4
  02L_CSS_ColorResources.mp4
  

• For additional information
• Link to example site
• Watch Lynda.com - Dreamweaver Essentials, Intro, Chapters 1-5
• Watch Lynda.com - CSS Fundamentals - Chapters 1 and 3