- Where we can put CSS
- Selectors, IDs, classes, pseudo-classes
- Styles
- Float
- Inheritance
- Validation
Together, we'll add to our previous Web page, reviewing the following:
- Inline, embedded, and external (linked) CSS
- IDs, classes, pseudo-classes
- Basic styles
- Styling anchor tags
a:link{}
a:visited{}
a:active{}
a:hover{}
- Inheritance
- margin is space that is "outside the box"
- padding is space that is "inside the box"
http://jigsaw.w3.org/css-validator/
- Lynda.com: Learning CSS, Sections 1-3
- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors - lot's of nice examples of selectors in action
- https://www.w3.org/TR/css3-selectors - when in doubt, check the spec!
- CSS Selector Reference - the "spec" - https://www.w3.org/TR/css3-selectors/#selectors
- CSS Selector Tutorial - https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Selectors
- Basic selectors: type,class,id,universal
- rollovers -
:link,:visited,:hover,:active - descendant -
E F - child -
E > F - adjacent sibling -
E + F - general sibling -
E ~ F - attribute -
E[foo="bar"] /* exact match */ - attribute -
E[foo*="bar"] /* contains */