darph
2004-05-05, 20:16:53
Ich soll CSS vorstellen. Ich hab mir hier mal eine grobe Skizze zusammen gerupft.
Fehlt irgendetwas, hab ich was übersehen? Würdet ihr etwas anders machen?
CSS – Cascading Style Sheets
1. A very very very brief history of HTML
1.1. Formatting in HTML 3
align="left", cellspacing="0", border="5"
1.2. From form to function
XHTML strict – Tag properties become deprecated. Distiction between structure/content and presentation/design (still merge in designs sometime). Proprietary HTML extensions by Microsoft and Netscape, (table layouting, ) images as text.
1.3. Logical structures in HTML
Introduction of <span> and <div> tags, how they look, what separates them. Definition of inline and box.
2. Cascading Style Sheets
2.1. What is CSS?
CSS is a set of design rules created for HTML
2.2. Implementation in HTML
Style attribute
Classes
Id references (bad style!)
Link to external file(s) (which leads us to)
2.3. CASCADING Style Sheets
Browser Style Sheet, User Style Sheet, Designer Style Sheet
Hierarchy of tags, from <body> to </p>
Different sheets for different media.
Conflicts
2.3. CSS Syntax
p .underlineme { text-decoration:underline; border:2px solid black; }
2.3.1. Selectors
Simple Selectors p, .name, Contextual Selectors table p .name
Pseudo Classes and Pseudo Elements
2.3.2. Measurements
cm, pt px in , also em, ex, pm
Colors: Color names and RGB as Dez and Hex
2.3.3. Structure of a box.
border, padding, margin
2.3.4. Typesetting.
Fonts, and all that is related to text including text-align, word-spacing
2.3.5 Lists
Unsorted lists, bullet Types
2.3.6. Backgrounds, Images
background-repeat:repeat-x; width; height;
2.3.7. Tables
Table layouts
2.3.8. Absolute positioning
…and the war div vs. table
2.3.9. Speech
Voice in CSS
2.4. (Crossbrowser) Development
2.4.1. Browser Wars
How mozilla and Internet Explorer interpret things
2.4.2. DHTML
How to bring live to your CSS with JavaScript
Fehlt irgendetwas, hab ich was übersehen? Würdet ihr etwas anders machen?
CSS – Cascading Style Sheets
1. A very very very brief history of HTML
1.1. Formatting in HTML 3
align="left", cellspacing="0", border="5"
1.2. From form to function
XHTML strict – Tag properties become deprecated. Distiction between structure/content and presentation/design (still merge in designs sometime). Proprietary HTML extensions by Microsoft and Netscape, (table layouting, ) images as text.
1.3. Logical structures in HTML
Introduction of <span> and <div> tags, how they look, what separates them. Definition of inline and box.
2. Cascading Style Sheets
2.1. What is CSS?
CSS is a set of design rules created for HTML
2.2. Implementation in HTML
Style attribute
Classes
Id references (bad style!)
Link to external file(s) (which leads us to)
2.3. CASCADING Style Sheets
Browser Style Sheet, User Style Sheet, Designer Style Sheet
Hierarchy of tags, from <body> to </p>
Different sheets for different media.
Conflicts
2.3. CSS Syntax
p .underlineme { text-decoration:underline; border:2px solid black; }
2.3.1. Selectors
Simple Selectors p, .name, Contextual Selectors table p .name
Pseudo Classes and Pseudo Elements
2.3.2. Measurements
cm, pt px in , also em, ex, pm
Colors: Color names and RGB as Dez and Hex
2.3.3. Structure of a box.
border, padding, margin
2.3.4. Typesetting.
Fonts, and all that is related to text including text-align, word-spacing
2.3.5 Lists
Unsorted lists, bullet Types
2.3.6. Backgrounds, Images
background-repeat:repeat-x; width; height;
2.3.7. Tables
Table layouts
2.3.8. Absolute positioning
…and the war div vs. table
2.3.9. Speech
Voice in CSS
2.4. (Crossbrowser) Development
2.4.1. Browser Wars
How mozilla and Internet Explorer interpret things
2.4.2. DHTML
How to bring live to your CSS with JavaScript