<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Saffron Stroke - Your Web Design Resource &#187; style sheet</title>
	<atom:link href="http://www.saffronstroke.com/tag/style-sheet/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.saffronstroke.com</link>
	<description>Design Blog</description>
	<lastBuildDate>Wed, 11 Jan 2012 06:36:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Creating Style Sheets in Microsoft Expression Web</title>
		<link>http://www.saffronstroke.com/2009/08/29/creating-style-sheets-in-microsoft-expression-web/</link>
		<comments>http://www.saffronstroke.com/2009/08/29/creating-style-sheets-in-microsoft-expression-web/#comments</comments>
		<pubDate>Sat, 29 Aug 2009 11:04:18 +0000</pubDate>
		<dc:creator>Minal</dc:creator>
				<category><![CDATA[Expression Web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Microsoft Expression Web]]></category>
		<category><![CDATA[style sheet]]></category>

		<guid isPermaLink="false">http://saffronstroke.com/?p=670</guid>
		<description><![CDATA[Microsoft Expression Web has some pre-defined set of style sheets which you can directly use in your document. There are in all 13 style sheets that are written for different purposes like Bars, Blocks, Capsules, Expedition, Highway, Poetic, Sweets and such others. Each of these style sheets has a unique style, with headings, background, font [...]]]></description>
			<content:encoded><![CDATA[<div align="left" style="float: none; clear:right; padding: 0px 5px 5px 0px;"><a name="fb_share" type="button_count" share_url="http://www.saffronstroke.com/2009/08/29/creating-style-sheets-in-microsoft-expression-web/"></a></div><div class="tweetmeme_button" style="float: right; margin-left: 10px;; margin-top:-2px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.saffronstroke.com%2F2009%2F08%2F29%2Fcreating-style-sheets-in-microsoft-expression-web%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.saffronstroke.com%2F2009%2F08%2F29%2Fcreating-style-sheets-in-microsoft-expression-web%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Microsoft Expression Web has some pre-defined set of style sheets which you can directly use in your document. There are in all 13 style sheets that are written for different purposes like Bars, Blocks, Capsules, Expedition, Highway, Poetic, Sweets and such others. Each of these style sheets has a unique style, with headings, background, font styles, etc.</p>
<p><strong>How to add a style sheet to your page?</strong></p>
<ol>
<li>Go to File menu &gt; New &gt; Page.</li>
<p><img class="alignnone size-full wp-image-671" title="file_new_page" src="http://www.saffronstroke.com/wp-content/uploads/2009/08/file_new_page.jpg" alt="file_new_page" width="305" height="70" /> </p>
<li>The ‘New Page’ window would then be prompted.</li>
<p><img class="alignnone size-full wp-image-672" title="new_dlg" src="http://www.saffronstroke.com/wp-content/uploads/2009/08/new_dlg.jpg" alt="new_dlg" width="434" height="315" /> </p>
<p>In the leftmost column of the window, choose <strong>Style Sheets</strong>. The center column would then list down all the available predefined style sheets. As you select a style sheet from the list, the top portion in the right most column, gives a brief description of that style.</p>
<li>You can choose one that may suit your page requirements and click OK.</li>
<li>A style sheet will now be opened in your main workspace with a name ‘Untitiled_1.css’.</li>
<li>Now you need to save this css file in the same location of your document. Give an appropriate name to it.</li>
<li>Link this file in your page by following these instructions:
<ul>
<li>In Apply Styles or Manage Styles panel (task panes in versions earlier than 3) click on ‘Attach Style Sheet…’.</li>
<p><img class="alignnone size-full wp-image-673" title="attach_ss_opt" src="http://www.saffronstroke.com/wp-content/uploads/2009/08/attach_ss_opt.jpg" alt="attach_ss_opt" width="190" height="81" /> </p>
<li>In the Attach Style Sheet window browse to the location of css file. You can choose attach it as a link or import it into your current page, selected page or all HTML pages. In this case choose ‘Current Page’ and as ‘Link’.</li>
<p><img class="alignnone size-full wp-image-674" title="attach_ss_window" src="http://www.saffronstroke.com/wp-content/uploads/2009/08/attach_ss_window.jpg" alt="attach_ss_window" width="338" height="163" /> </p>
<li>Click OK. The css file will now be attached to your page.</li>
</ul>
</li>
<li>Now see your page being styled as per the styles defined in the attached style sheet.</li>
</ol>
<p>          <img class="alignnone size-full wp-image-675" title="final" src="http://www.saffronstroke.com/wp-content/uploads/2009/08/final.jpg" alt="final" width="399" height="371" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.saffronstroke.com/2009/08/29/creating-style-sheets-in-microsoft-expression-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

