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/id694364463Once 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