Scratch read through css, before meeting the many should have but did not master the knowledge recorded.
CSS Definitive Guide 4 ...
A ,
display property, in addition to the most common block elements Block, inline elements inside, there are several properties
display-listitem: external display elements of this type to block the cassette, and the display type to a plurality of internal listitem inline boxes.
display-outside: These keyword specifies the elements of the external display type, in fact, is its role in the flow layout.
display-internal: like table and ruby this layout model has a complex internal structure, their children and the elements behind may have multiple roles. This class keyword is used to define these "internal" display type, and only in these specific layout model makes sense.
display-box: These values define whether to generate the display cell element.
Legacy-the display: the CSS2 for display property syntax using a single keyword, the same layout patterns and block-level stage inline variants require a separate key
two,
The introduction of an external style sheet, has been introduced with a link label before addition can also load external style with @import statement.
eg： @import url(xxx.css) all；
@import url(xxx.css) screen；
@import url(xxx.css) projection, print；
Introducing what media, media descriptor provided to the URL
@import command within the style element, but not allowed in front of other css rules, it will not work
And can be used in external style sheet!
We know that the link tag the rest of the content, that is, those property values and relatively easy to understand.
rel is a "relation", (the relationship) is referred to, the relationship is specified here stylesheet.
Value of the type property is always not text / css.
href, its value is the URL of the style sheet, which can be an absolute address or a relative address.
The next two I have not noticed previously attributes: media and title
media: It is the value of one or more multimedia descriptors (media descriptor), and having a specified type of media functionality. A plurality of media descriptors separated by commas.
eg: <link rel="stylesheet" type="text/css" href="style.css" media="screen, projection">
There are also candidates for style sheets (alternate stylesheet), only when the user's own choice, the document will be used to render a candidate stylesheet
This requires the browser to support the candidate styles, such as Firefox, etc.
Structure rules: a rule consists of two basic parts: selectors and declaration block