diff -r 4d198a32ac7d -r d4809db37847 plugins/org.symbian.tools.wrttools.doc.WebDeveloper/html/GUID-DD35B82F-CB1F-4F7B-A351-C0417E21D5E4.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/plugins/org.symbian.tools.wrttools.doc.WebDeveloper/html/GUID-DD35B82F-CB1F-4F7B-A351-C0417E21D5E4.html Thu Aug 19 17:48:04 2010 -0700 @@ -0,0 +1,18 @@ + + +
It is recommended that you create a separate CSS file for controlling +the style and layout of your widget. A widget can have as many CSS files as +needed. The Web Runtime supports CSS Level 2 syntax and data types. There +are four ways to use an external CSS file through the widget's main HTML file:
Importing a style sheet that is included in the widget package
Use the <style>
tag and the @import
directive
+as follows:
<style type="text/css"> @import "Stylesheet.css; </style>
Linking to a style sheet that is included in the widget package
Use the <link>
tag as follows:
<link rel="stylesheet" type="text/css" href="Stylesheet.css" />
Importing a style sheet from a remote location
In this scenario, the CSS file is not included in the widget package.
+Specify the URL of the style sheet source inside the <style>
tag
+as follows:
<style type="text/css"> @import url(http://www.widget.server.com/Stylesheet.css); </style>
Linking to a style sheet that is stored in a remote location
In this case, the CSS file is not included in the widget package. Specify
+the URL of the style sheet source in the href
attribute of
+the <link>
tag as follows:
<link rel="stylesheet" type="text/css" href="http://www.widget.server.com/Stylesheet.css" />
Note: When linking to or importing external CSS files from a remote location,
+specify the AllowNetworkAccess
key in the info.plist
file as true
to allow the widget to connect to the network.
For more information on creating CSS files, see the World +Wide Web Consortium (W3C) pages.