Master CSS Advanced Web Standard Solution (2nd edition)
Directory:
- Basic knowledge (structure of design code)
- Find application targets for styles (selector and stylesheet maintenance)
- Visual format model (box model and positioning)
- Background image effects (backgrounds, borders, and images)
- Apply a style to a link (link)
- Apply a style to a list and create a navigation bar (list style and navigation menu)
- Apply styles to forms and data tables (forms and data tables)
- Layouts (for various layouts such as floating)
- Bugs and bug fixes (bug targeting and workarounds)
- Case study--roma Italia
- Case study--climb the mountains
Chapter One: Basic knowledge
1. Structure of the design code
CSS controls the appearance of the page and separates the document from the content, simplifying the label.
ID is used to represent specific elements on a page, such as site navigation, and must be unique.
The class name can be used for any number of elements on the page.
"The elements are named according to what they are, not what they look like." Class name &ID-> full lowercase plus hyphen
Div can split a document into several meaningful areas. Div can be used to group block-level elements, and span can be used to group or identify inline elements.
"Micro format: based on the existing data formats such as vcard, icalendar, etc.
There are currently 9 formal micro-formats, as well as 14 draft formats:
- Hcalendar for date, calendar, and time
- Hcard for people and organizations
- XFN for the relationship between people
- Hproduct (draft) for product description
- Hrecipe for raw materials and cooking steps (draft)
- Hreview (draft) for product and event review
- Hatom (draft) for fragment-like content such as blog posts
"CSS version:
1996--css1
1998--css2
In general, CSS3 mainly has the following new highlights:
Advanced selector, rounded, multi-background, @font-face animations with gradients, gradient, Box shadows, RGBa-add transparent color, text shadow, graphical border.
"Validation: Http://validator.w3.org/bookmarket (favelet) Firefox plugin
css--Reading notes