home *** CD-ROM | disk | FTP | other *** search
/ GameStar 2005 May / Gamestar_73_2005-05_dvd.iso / Programy / amaya / amaya-Win98-8.7.3.exe / _SETUP.1 / handling_external_css.html < prev    next >
Encoding:
Extensible Markup Language  |  2005-01-06  |  3.7 KB  |  88 lines
  1. <?xml version="1.0" encoding="iso-8859-1"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3.        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  7.   <meta name="GENERATOR" content="amaya 8.2, see http://www.w3.org/Amaya/" />
  8.   <title>Handling External CSS Style Sheet</title>
  9.   <style type="text/css">
  10.   </style>
  11.   <link href="../style.css" rel="stylesheet" type="text/css" />
  12. </head>
  13.  
  14. <body xml:lang="en" lang="en">
  15.  
  16. <table border="0" width="100%" summary="toc">
  17.   <tbody>
  18.     <tr>
  19.       <td><img alt="W3C" src="../../images/w3c_home" /> <img alt="Amaya"
  20.         src="../../images/amaya.gif" /></td>
  21.       <td><p align="right"><a href="creating_html_style_elements.html"
  22.         accesskey="p"><img alt="previous" src="../../images/left.gif" /></a>
  23.         <a href="../StyleSheets.html" accesskey="t"><img alt="top"
  24.         src="../../images/up.gif" /></a> <a href="removing_style.html"
  25.         accesskey="n"><img alt="next" src="../../images/right.gif" /></a></p>
  26.       </td>
  27.     </tr>
  28.   </tbody>
  29. </table>
  30.  
  31. <div id="page_body">
  32. <h1>Handling External CSS Style Sheets</h1>
  33.  
  34. <p>The Style Sheets option on the Style menu provides a set of commands which
  35. enable you to control external and user's CSS style sheets.</p>
  36. <ul>
  37.   <li>Select <strong>Link</strong> to link a new CSS style sheet to the
  38.     current document. Amaya displays a pointing hand cursor. If the target
  39.     style sheet is already displayed in an Amaya window, click the style
  40.     sheet. If the style sheet is not displayed, click the current document to
  41.     display a dialog and type the target style sheet's URI. The
  42.     <strong>Link</strong> command adds an element link with its attributes
  43.     into the head of the document.
  44.     <p></p>
  45.   </li>
  46.   <li>Select <strong>Open</strong> to open a CSS style sheet applied to the
  47.     current document.
  48.     <p></p>
  49.   </li>
  50.   <li>Select <strong>Disable</strong> to remove the effect of an enabled CSS
  51.     style sheet from the current document. This command does not affect the
  52.     CSS link in the document.
  53.     <p></p>
  54.   </li>
  55.   <li>Select <strong>Enable</strong> to reapply the effects of a disabled CSS
  56.     style sheet to the current document. This command does not affect the CSS
  57.     link in the document.
  58.     <p></p>
  59.   </li>
  60.   <li>Select <strong>Remove</strong> to remove an external CSS style sheet.
  61.     This command is similar to the Disable command, but it also removes the
  62.     element link that attaches the external CSS style sheet.</li>
  63. </ul>
  64.  
  65. <p>The <strong>Open</strong>, <strong>Disable</strong> and
  66. <strong>Enable</strong> commands can be applied to the user's preference
  67. style sheet, but the Link and Remove commands apply to only linked CSS style
  68. sheets.</p>
  69.  
  70. <p>A dialog shows the list of CSS style sheets proposed for the
  71. <strong>Open</strong> command. If no CSS style sheet is currently applied to
  72. a document, the dialog indicates that there is no CSS file available.</p>
  73.  
  74. <h2>Showing applied style</h2>
  75.  
  76. <p>If there are a lot of style sheets attached to a document, it's difficult
  77. to understand why an element is displayed with that color or these margins,
  78. etc. To help the user, Amaya provides a <strong>Show applied style</strong>
  79. command that displays into an external window CSS style properties applied to
  80. the first current selected element. The user can then display the CSS source
  81. that generates each property by double (or simple) click on the property. As
  82. long as the window is open, Amaya updates the window content when the
  83. selection changes. Hitting <code>F2</code>, the user can see CSS properties
  84. applied to enclosing elements.</p>
  85. </div>
  86. </body>
  87. </html>
  88.