This Weeks Homework
This weeks lesson was in 3 parts (part one was all reading, 2 and 3 were lessons). We went over Display, which covered the classification of the elements. We covered Block Level elements, which consist of paragraphs, headings, lists, tables, div and body. Block level elements are displayed or begin on a line by themselves. We covered inline elements which consist of a, em, span and most replaced elements such as images and form inputs. The inline elements do not force anything to start on a new line. Finally List-item. These are designed to have a presentation marker of some sort which consists of either a bullet, number or a letter.
We also went over the Tanek Celik Hack. In order to understand how a hack works you will need to understand the box model. A thorough understanding of the box model is extremely necessary for working with css.
This first week was an extensive lesson covering many things. It would be easier to post here the links to the information to read then to put all the information from my notes in here.
References from week 1
- Inline information
- Block information
- Inline Block information
- W3 School Display property
- Css Properties
- W3C CSS2.1 box specs
- Tantek Box Model Hack
- CSS Discuss Box Model Hack
- Alternate Box Model Hacks
- More Hack information
- Containing Blocks
- Definition of "containing block"
- CSS Positioning
- Floats
- W3C Home Page Table-less Layout
- W3C Floats
- W3 School
- W3C Clear information
- W3C ID selectors
- Link Specificity
- W3C Cascade Specs
CSS Links!!!
For a long time now I have been planning on placing links to great CSS information in one place online to make it easier to access the information. Doing this weeks homework has given me the incentive to place at least some of the links online for people to access. As time permits, I will be adding more things to the list below.
- Westciv
- Browser Bugs
- Windows bugs and additional links
- Bobby Accessibility
- CSS Positioning Information
- Browser and layout demos
- Layout
- List tutorials etc..
- Lists as a menu
- 3 Column liquid layout
- Positioning brief tutorial
- Information on the cascade
- Basic and Advanced CSS tutorials
- Font Guide
- CSS articles and examples
- Multiple CSS layouts
- 2 Column Layouts
- Articles, demos and layouts
- CSS test layout
- CSS category resources
- Flexible 3 column layout
- Flexible layouts
- Article on floats
- Float tutorial
- Multiple layouts and other information on Css
- CSS layouts and techniques
- Horizontal Menu tutorial
- CSS positioning
- Various Articles
- CSS positioning and other articles
- Liquid layouts
- Building CSS layouts
- CSS positioning properties
- Floating columns and clearing footers
- IE bugs
- Layouts tips and tricks
- Floating thumbs
- Multiple styling information
- 2 and 3 column layouts
- Lots of CSS information
- CSS Box information
- 3 Column layouts
- Demos, tutorials and hacks.
- 5 box 3 column layout
- Lots of helpful articles
- Definition lists
- CSS 2 specs
- CSS Hacks chart
- W3C Home Page Table-less Layout
- Specificity information
- Tutorials
- Box Model hack
- Floats and 3 column layout
- Multiple css layouts to use
- Tool tip for css
- Lots of tips and articles
- Browser information
- 3 column layout information
- LOTS of css information!