Play turn Dreamweaver 8: Know table of CSS cascade style

Know cascade style table
Cascade style is expressed (CSS) is a series of format setting regulation, they control the outward appearance of Web page content. When use CSS sets page pattern, part content and expressional form please. Page content (namely HTML code) be stationed in in staying in HTML file oneself, and the CSS regulation that is used at defining code to behave a form is stationed in stay in another file (exterior style is expressed) or the another part of HTML documentation (it is file head to divide normally) in. Use CSS is very OK control specific page outward appearance better neatly, from exact position fixed position is mixed to specific font style.

CSS allows you to control HTML cannot alone pilot a lot of attribute. For example, the font size that can differ with be being appointed for the text of make choice of and unit (wait like value of element, pound) . Set font size in order to resemble element for the unit through using CSS, still can ensure with more consistent pattern in many browsers processing page layout is mixed the exterior.

Outside dividing setting text format, in still can using CSS to dominate Web page piece the format of level element and fixed position. For example, can be apart from by the side of element of setting piece class and the float text all round frame, other text.

CSS format installs regulation to comprise by two parts: Selector and statement. The term that selector is label format element (be like P, H1, kind name or ID) , statement is used at defining elemental style. In the give typical examples below, h1 is selector, interpose at bracket (all content between {}) are statement:

H1 {Font-size:16 Pixels;Font-family:HElvetica;Font-weight:bOld;

}
Statement divides composition by two: Attribute (be like Font-family) with the value (like Helvetica) . The CSS regulation above founded a specific type for H1 label: The text of all H1 label that links this type will be font of 16 size resembling element, Helvetica and thick substance.

Term Cascading expresses to same a capacity that the element uses a variety of types. For example, can found regulation of a CSS to use color, found another CSS regulation to apply an edge to be apart from, what get on both application at the page next is same a text. The element that defines style is down " cascade " to go up to your Web page, establish the design that you want finally.

The main good point of CSS is the newer function that it offerred advantage; When the CSS that replaces one part is regular, the form that uses all this documentation that already defined a style can be updated automatically for new form.

Kind of the following type can define in Dreamweaver:

Define CSS regulation oneself (also call kind of pattern) make you can use modal property at any text limits or text piece. (refer to please use kind of type. )
HTML label style defines specific label again (like H1) format. When the CSS style that found or changes H1 label, all label that use H1 installed the text of the format to be able to be updated instantly.
CSS selector style (advanced type) the format of specific element combination installs redefine, or the format that the other selector that redefine CSS allows expresses sheet is installed (for example, selector Td H2 applies when H2 caption appears inside form unit division every time) . Advanced type is OK still the format of the ticket that redefine includes specific Id property is installed (for example, all label that the modal applicable that #myStyle defines is worth pair of Id="myStyle" at including property) .
CSS regulation can be located in the following position:

Watch of exterior CSS style is a series of memory in a file of alone exterior CSS (.css) (be not HTML file) medium CSS is regular. Use the link in part of documentation file head, this file is received by catenary the one or more page in Web site.

In-house (or embedded) CSS style watch is a series of including the CSS inside the Style ticket that distributes in head of HTML documentation file is regular.

Couplet style is defined inside whole HTML documentation in the specific example in label inside.

Dreamweaver identifying has the type of the definition in documentation, want these styles to accord with CSS style criterion only.

Clew
 
 If want to show the O'Reilly CSS that includes in Dreamweaver,consult guideline, choose " to help ">" referenced " please, consult from " the "O'Reilly CSS of the choice in playing menu giving form of " face plate consults next " .
 

The HTML format setting that the hand moves a setting can enclothe the format setting that passes CSS application. Want to make CSS regulation can control paragraph format, must delete all hands to use the HTML form of the setting.

The most style attribute that Dreamweaver can present you to apply directly in window of " documentation " . You also can preview documentation in browser window in order to examine applied case of the style. The outward appearance that attribute of some CSS style presents in Microsoft Internet Explorer, Netscape Navigator, Opera and Apple Safari is not same, some do not suffer any browsers to support at present.