CSS -- the use that cascade style expresses has become gain ground more and more, familiar pattern expresses use method to have 3 kinds: Watch of style of file of in-house style watch, exterior link, interior embeds the style is expressed. A short article can not say the advantageous sense that expresses about the style and detailed usage and specific setting parameter clear. Inchoate found CSS to need to have technical knowledge, need writes a style to express a file directly. Nowadays, dreamweaver makes this job OK undertake in an unified interface, can finish through simple operation found, revise, add wait for a style to express a function, these settings can affect aught, control to complex multimedia file from common text distribution. You will discover through revising an onefold exterior style expresses a file, can change the outward appearance of whole site quickly. We forbid the specific parameter that has all styles express bat around a nd knowledge today, we think everybody introduction to use modal face plate to found a style to express the method of the file directly in Dreamweaver only.
One, the operation way that expresses to the style can have the following 3 kinds:
1, from next pulling menu Window, CSS Styles opens modal face plate.
2, from next pulling menu Text, the CSS Styles style that start expresses a dialog box.
3, in the page blank place clicks mouse right key to start a style to express a dialog box.
No matter start menu of afore-mentioned a few styles or face plate, they include a few same orders: Build a style to style of watch, editor style watch, link is expressed and derive the style is expressed. We introduce modal definition in detail below.
2, definition style expresses option.
The dialog box that starts the meeting after building a style to express to if the graph shows 4 times,open:
(one) view Define option above all
1, New Style Sheet File: This option will save the style of your set finally in an exterior and alone modal watch file, this style expresses a file to be able to be used jointly by other file, that is to say you can make all files inside the site are used same a modal watch file.
2, This Document Only: This option will put the pattern of your set in the head file of current file merely, these styles can be used in the file here only.
(2) another option is Type: Select the kind of the pattern that will establish here, include:
1, Make Custom Style (custom-built oneself modal category) : After selecting this kind, need writes name of a type in the Name of upper part, those who need an attention is, this kind of name must with " . " begin. The style that this kind of means defines the HTML object that we can add it to great majority, can make these objects have unified outward appearance so. If pursue the 5 patterns that we es tablish a MyStyle:
Because above what we choose is to define an exterior style to express a file, the dialog box that saves a file opens after clicking OK so:
Choose your catalog and file name, the style is entered to install a dialog box after saving
We defined a word body that it is the Song Dynasty here, font size is 12pt, it is 20pt high all right, colour is bottle green, contain next styles that change a line.
2, Redefine HTML Tag (redefine HTML marks) : The HTML that the choice in casing pulls to need redefine below the from upper part Name after choosing this option marks. This option will make a file medium all content that have unified ticket use same outward appearance. Make all paragraph position of rest retractive for example two words are OK according to the label of methodological redefine <p> below
The definition such as literal size is the same as the method above, and crimple of paragraph head travel can press plan institute to show a definition:
Those who need an attention is, if your font is defined for 10pt, criterion a travel here is retractive and OK the definition is 20pt already two Chinese word. The pattern that uses as a result of all same kind label is same, so this kind of means agrees with the modal definition of many identical element, unite font, color, size, row spacing to all paragraph in the webpage for example, paragraph head retractive.
3, Use CSS Selector (use CSS selector) : The function of this option is OK the style of set link text
The decided at the higher level but not officially announced in list pulls below Selector 4 option: A:aCtive -- the style when definition link is activationed, namely the mouse had clicked a link, but the page has not jumped when turning. A:hOver -- the style when defining mouse in suspension to be on link character. A:lInk -- the style that defined link character. A:vIsited -- the link style that the person that browse has visited.
This option has two functions.
1) the object that is label of certain to having associated combination uses designation type, pursue for example the setting of 11 is: (Td P) , the text version that this expresses all the file is medium is in in form to use <P> label to surround will use the unified type that here defines, and the text that does not surround in the <P> label in form will not use this type.
2) use this function the link type style that we still can define two kinds of above, concrete move is as follows:
A:l chooses in circle is drawn below SelectorInk, this is the style below condition of link character convention
If specific parameter pursues, those who notice we use this type is to have underline (Underline) , color is (#0000FF) style.
Choose A:h in circle is drawn below Selector nextOver, this is in for mouse in suspension the style when linking status of literal upper part
If specific parameter pursues, what we define is not to have underline (None) , color is (#00CCFF) .
We can establish same method A.t1:l of another link styleInk and A.t1:hOver.
A:l chooses in circle is drawn below SelectorInk, revise its to be A.t1:lInk, be in namely original A:l.t1 type is added in Ink kind
If specific parameter pursues, those who notice we use this type is to have without underline (None) , color is (#FF0000) style.
Choose A:h in circle is drawn below Selector againOver, revise its to be A.t1:hOver, be in namely original A:h.t1 type is added likewise in Over kind
If specific parameter pursues, those who notice we use this type is to have underline (Underline) , color is (#FF00FF) style.
3, the type uses in the file:
After we define a style to express a file, OK in the apply mechanically in Dreamweaver these styles. The method that apply mechanically style expresses basically has 3 kinds, introduce respectively below us.
1, use type options board.
Modal options panel gave form of current documentation practicable
What need points out is, what list here is the style that already defined partly only, the HTML label type of style and redefine is linked in what define in CSS Selector before us, won't go out to be here now, what appear here is the style that we define oneself only kind. The style tells the HTML label of our redefine to be directly in documentation become effective, for example before us the <P> label style of redefine, will act well in documentation directly. The content in documentation will be arranged afresh according to our definition and show. And link style (A:LInk; A:HOver) the acquiescent format that also will link as all characters directly shows, unless we appointed new link form afresh. Use type options board when specifying a type, we must first you will apply make choice of a content of this style, for example we can use mouse make choice of a paragraph of text, next in the style the style that we click to need in option board, the set pattern that ca n break this text to press us changes:
We need to be on indicative selector above all make choice of a label, be like the <td> label in the graph, click mouse right key on <td> label next, choose Set Class>>MyStyle, the MyStyle style that can define us quickly kind appoint <td> label.
3, use right key quick menu. We are OK also from right key a type is specified to the object directly in quick menu, for example the link pattern that we consider to link a character to appoint another kind of definition for, we can be this paragraph of character to add a link first, right now the link style of this character is the acquiescent style that we define. We are then OK pitch on this link character, in right key quick menu middle finger decides new form kind, if pursue;
Such we used type of two kinds of links in the file.
4, cleared style. We can use cleared type modal face plate, above all the target that make choice of used some kind of type, next in the style option board midpoint attacks None, can keep clear of original style, if pursue;
Good, introduce here about found and using me what the style expresses, in the article I just introduced to define a few kinds of style, approaches that how use a type, and the meaning of file of the suitable scope of all sorts of detailed parameter, styles, style mixes specific type use regulation, I did not introduce in detail. Oneself study, the road has told you, of the thing that encounters on the road rely on yourself to solve.
Posts
No comments:
Post a Comment