3-page web site Due today:, with images (1 per page, at least) of your work from this class. Bring it in on your flash drive.
Basic CSS Handout.
Use the CSS Validator to test your CSS. Use the "By File Upload" method.
|h1||type||all h1 tags|
|li a||descendant||every a tag within an li element|
|.warning||class||every element with class="warning"|
|div.warning||class||every div with class="warning"|
|#temporary||id||every element with class="warning"|
|div#temporary||id||every div with id="warning"|
|a#active||pseudo-class||every a tag in the "active" state - that is, the mouse is hovering over it.|
Add CSS to your HTML assignment, with particular attention to colour, type and positioning.
Due in class, Mar 15.
Write a usability review of a web site.
The web site should be one that offers more than just content. E-commerce sites, social networking sites, etc are ideal. Fill in your topic in this form before starting; I must approve each topic. Sign up for a topic here.
A good CSS tutorial for beginners
Lots of CSS examples.
Centering in CSS is, well, odd. You can center text easily enough, but how do you center a div? Here's how:
In the example above, the div is given a width of 800px. If you want to center the whole page, wrap all your content in a div and center that.
The Bootstrap framework is a set of CSS components to speed the building of responsive web sites.
CSS Resets. Getting rid of the built-in styles your browser applies.
Typekit. A service for managing CSS fonts. A free option is available.
Google Fonts. A free service for embedding fonts - but the range of options and quality is not as good as commercial services.
The Pure CSS Framework. Pre-built components for web projects.