Byte-Sized-Chunks : Cascading Style Sheets (CSS) with HTML

About Course

•  

  • Relatively few folks formally learn HTML or CSS, because its quite easy to get stuff done in these technologies in a "quick-and-dirty way".

  • That "quick-and-dirty" way of learning and doing leads to problems over time, because CSS is actually quite complex, so it is easy to do things the wrong way

  • This course will help, because it has 20 examples. Each is self-contained, has its source code attached, and gets across a simple, specific use-case. Each example is simple, but not simplistic.

  • Note: This course is a subset of our much longer course 'Learn By Example: HTML, CSS and Javascript' so please don't sign up for both:-)

Topics covered in this course

• Section 1: CSS and HTML
  	Lecture 1	You, This Course, and Us!	01:04
  	Lecture 2	Introducing HTML and CSS	09:15
  	Lecture 3	Introduction to HTML	12:33
  	Lecture 4	Introduction to CSS	06:43
  	Lecture 5	The A Tag	08:18
  	Lecture 6	Paths	05:39
  	Lecture 7	Quotes	06:33
  	Lecture 8	Lists - Ordered and Unordered	07:52
  	Lecture 9	Other Miscellaneous HTML Tags	02:32
  	Lecture 10	URL and Domain Names	11:01
  	Lecture 11	The img Tag	10:38
  	Lecture 12	The HTML Standard	03:17
  Section 2: CSS
  	Lecture 13	Cascading Stylesheets reintroduced	08:23
  	Lecture 14	Inheritance in CSS	07:28
  	Lecture 15	CSS Selectors	09:59
  	Lecture 16	Fonts	10:08
  	Lecture 17	Colors	03:38
  	Lecture 18	The Box Model	11:54
  	Lecture 19	The <div> Element	07:55
  	Lecture 20	What is the exact style applied?	08:21
  	Lecture 21	The <span> Element	02:55
  	Lecture 22	HTML States and Pseudo-classes	02:59
  	Lecture 23	Normal Rendering Flow Of The Browser	15:00
  	Lecture 24	The CSS float and clear properties	09:42
  	Lecture 25	Experimenting with the position attribute	12:23
  	Lecture 26	Fluid And Fixed Layouts	08:58
  	Lecture 27	The CSS display property	08:02
  	Lecture 28	Chrome Developer Tools	15:45

What you will get from this course?

• • Understand HTML - its structure, and the commonly used tags
  • Utilise CSS, including inheritance, selectors, the box model - the very topics that make CSS hard to use
  • Basic HTML: Folks stopped counting HTML as a language worth formally learning sometime in the 90s, but this is only partially justified. It always helps to have strong basics.
  • CSS: Cascading Stylesheets are incredibly powerful, and incredibly hard to use - until you know how they really work. Once you understand inheritance and selection in CSS, it will all make a lot more sense

Target students for this course

• • Please don't enroll for this class if you have already enrolled for our 13-hour course 'Foundations of HTML, CSS and Javascript' course
  • Folks who are absolutely new to web programming, and wish to learn HTML and CSS from scratch
  • Folks that struggle with getting the appearance of their webpages just right, despite knowing HTML
  • Any modern browser and a simple text editor are all that will be needed.