Amaya user interface Manual de Instruções descarregar pdf (Página 58)

@media print {

body {font-size: 10pt}

}

@media screen {

body {font-family: Helvetica}

}

17.6.1. Handling external CSS style sheets

The Format/Style sheets submenu provides a set of commands which enable you to control external and

user's CSS style sheets.

• Select Link to link a new CSS style sheet to the current document.

This command shows a dialog box.

◦ If the target CSS style sheet is displayed in another Amaya window and you want to

select it by clicking, activate the Click button then click anywhere within that window

to create the link.

◦ If the target CSS style sheet is displayed in another tab and you want to select it by

clicking, activate the Click button, then change tab and click anywhere within the

target CSS style sheet to create the link.

◦ If the target CSS style sheet is a local file you can use the Browse button to select it.

◦ Otherwise, type in the URI (like http://www.w3.org/file.css) of the target CSS style

sheet and then Confirm to create the link.

• Select Open to open a CSS style sheet applied to the current document.

• Select Disable to remove the effect of a CSS style sheet from the current document. This

command does not change the CSS link in the document. It simply ignores it.

• Select Enable to reapply a disabled CSS style sheet to the current document. This command

does not affect the CSS link in the document.

• Select Remove to remove an external CSS style sheet. This command is similar to the Disable

command, but it also removes the link that attaches the external CSS style sheet to the

document.

The Open, Disable and Enable commands can be applied to the user's preference style sheet, but the

Link and Remove commands apply only to external CSS style sheets.

The List of style sheets tool displays the list of style sheets applied to the document. It also lets you

link/remove, disable/enable, and open style sheets.

17.7. Showing applied style

When multiple style sheets are attached to a document, it is ofen difficult to understand why an element

is displayed with certain style properties. To help you in this situation, Amaya provides the Format/

Show applied style command that displays all the CSS style properties applied to the first selected

element.

You can then display the CSS rule that generates each property by double clicking on the property. As

long as the CSS properties window is open, Amaya updates its content when the selection changes.

By hitting F2, you can see the CSS properties applied to enclosing elements. When you change the

selection by clicking an element in the path of the status bar, displayed at the bottom of the window, CSS

properties are updated too.

Amaya User Manual

1 2 ... 53 54 55 56 57 58 59 60 61 62 63 ... 107 108

Sem comentários

Amaya user interface Manual de Instruções Página 58