CSS I

Introduction §

Cascading Style Sheets, or CSS, is the presentation component of what is typically understood to be the three–component makeup of a web document. (The other two being HTML and JavaScript.) This course covers the major aspects of CSS, focusing on its more difficult concepts, such as floating elements, specificity, numerical units, and inheritance.

Prerequisite §

You should understand, or be very familiar with, HTML. Additionally, you should have a firm grasp on the concept of HTML's inheritance structure. (A review takes place on the first day of class.)

If you don't know HTML, look at the tutorials at w3schools.com. Also, Hunter offers a six–week course.

Topics Covered §

  • General syntax and nomenclature
  • At–rules
  • Selectors
  • The cascade
  • Specificity
  • Inheritance
  • CSS layout and formatting
  • Box properties

Announcements §

6 September 2011:
  • Please note that this class if being offered during the day on Wednesdays from noon — 2:00 PM

Time and Place §

  • Wednesdays
  • Noon — 2:00 PM
  • Hunter College, 1025, East Building

There will be a 15–minute break at the half way point.

Textbook §

There is no textbook for the course, only online materials. Refer to the Assigned Readings section below for more.

Assigned Readings §

The CSS Reference
Chapter 1: What is CSS?
Chapter 2: General Syntax and Nomenclature
Chapter 3: At–rules Reference
Chapter 4: Selector Reference

Suggested Readings §

The Ultimate CSS Reference discusses which browsers support which tags, and explains in scant detail how all the tags work. The second book, CSS: The Definitive Guide, goes into exhaustive detail about concepts such as floating elements, the specificity, and all the CSS tags.

The former is appropriate for those with a good grasp on CSS, while the latter is more suited to those learning. If you can afford it, purchase both.

Title Author Edition ISBN Book cover
The Ultimate CSS Reference Tommy Olson and Paul O'Brien First 0980285852 [Cover of CSS: The Ultimate CSS Reference]
CSS: The Definitive Guide Eric A Meyer Third 0596527330 [Cover of CSS: The Definitive Guide]

Assignments §

You are responsible for one homework assignment, one project, and a final exam, which will be given on the last day of class. Once available, the homework and project will appear in this section of the Web site.

You are welcome to employ any text editor of your choosing for any code you write for this course. However, your CSS source code must validate at the online CSS validator and your HTML source code must validate at the HTML validator.

Homework 1
Due 21 September at 6:30 PM
Project
Due 5 October at noon

Homework instructions.

Resources §

The Private CSS I Google Group
http://groups.google.com/group/css_level_1?hl=en
Each of you is responsible for accepting an invitation to join this group, as it is the main forum used for questions and answers relating to the subjects of this course.
The CSS Float Rules
http://roy.vanegas.org/teaching/css/the_float_rules
The above is my summary of Eric Meyers's explanation of the nine primary rules that govern how elements float in CSS.
Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification
http://www.w3.org/TR/CSS21/
The offical document describing the 2.1 standard.
The CSS 2.1 Properties Reference from culturedcode.com
http://www.culturedcode.com/css/
A reference for all 95 properties.
CSS Zen Garden: The Beauty of CSS Design
http://www.csszengarden.com
Many templates employing beautiful CSS design.

Software §

If you're taking this course, then you already have an editor in which to edit your Web documents, and you also already have multiple browsers. Nothing more is needed.

Contact §

Email: rvanegas at hunter dot cuny dot edu

[valid html 4.01!] [valid css 2.1!] [alternatives browsers!] [accessible by all!] [wai – wcag 1.0!]

Last modified: