<?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>CSS Validation Service, Web Design &#187; Microsoft</title>
	<atom:link href="http://maldeetuh.org/tag/microsoft/feed/" rel="self" type="application/rss+xml" />
	<link>http://maldeetuh.org</link>
	<description>Validation of HTML/CSS at W3 Standards</description>
	<lastBuildDate>Mon, 19 Oct 2009 15:31:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>CSS Validation Service</title>
		<link>http://maldeetuh.org/check-cascading-style-sheets-css-and-xhtml-documents-with-style-sheets/faq-index/</link>
		<comments>http://maldeetuh.org/check-cascading-style-sheets-css-and-xhtml-documents-with-style-sheets/faq-index/#comments</comments>
		<pubDate>Wed, 01 Feb 2006 02:52:02 +0000</pubDate>
		<dc:creator>LaVan</dc:creator>
				<category><![CDATA[CSS Validation Service]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[css validation w3c de html]]></category>
		<category><![CDATA[HTML standards]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Netscape]]></category>

		<guid isPermaLink="false">http://maldeetuh.org/?p=1</guid>
		<description><![CDATA[FAQ Index What are Cascading Style Sheets? Why do style sheets exist? Why use style sheets? Who defines the CSS standard? Is it one person? A company? What can be done with style sheets that can not be accomplished with regular HTML? Is there anything that CAN&#8217;T be replaced by style sheets? How do I [...]]]></description>
			<content:encoded><![CDATA[<h2 class="subheading">FAQ Index</h2>
<hr size="1" />
<ol>
<li><a href="#one">What are Cascading Style Sheets?</a></li>
<li><a href="#two">Why do style sheets exist?</a></li>
<li><a href="#three">Why use style sheets?</a></li>
<li><a href="#four">Who defines the CSS standard? Is it one person? A<br />
company?</a></li>
<li><a href="#five">What can be done with style sheets that can not be<br />
accomplished with regular HTML?</a></li>
<li><a href="#six">Is there anything that <em>CAN&#8217;T</em> be replaced by<br />
style sheets?</a></li>
<li><a href="#seven">How do I design for backward compatibility using style<br />
sheets?</a></li>
<li><a href="#eight">What browsers support style sheets? To what extent?</a></li>
<li><a href="#nine">Do any WYSIWYG editors support creation of CSS? Any text<br />
editors?</a></li>
<li><a href="#ten">Can you use someone&#8217;s style sheet without permission?</a></li>
<li><a href="#eleven">What does the &#8220;Cascading&#8221; in &#8220;Cascading Style Sheets&#8221;<br />
mean?</a></li>
<li><a href="#twelve">Which style specification method should be used? Why?</a></li>
<li><a href="#thirteen">What are the advantages and disadvantages of the<br />
various style specification methods?</a></li>
<li><a href="#fourteen">As a reader, how can I make my browser recognize my<br />
own style sheet?</a></li>
<li><a href="#fifteen">How do you override the underlining of hyperlinks?</a></li>
</ol>
<hr size="1" />
<dl>
<dt><big><strong class="mainheading">1. What are Cascading Style Sheets?</strong></big> </dt>
<dd>A Cascading Style Sheet (CSS) is a list of statements (also known as<br />
rules) that can assign various rendering properties to HTML elements. Style<br />
rules can be specified for a single element occurrence, multiple elements,<br />
an entire document, or even multiple documents at once. It is possible to<br />
specify many different rules for an element in different locations using<br />
different methods. All these rules are collected and merged (known as a<br />
&#8220;cascading&#8221; of styles) when the document is rendered to form a single style<br />
rule for each element. </dd>
<dt><big><strong class="mainheading">2. Why do style sheets exist?</strong></big></p>
</dt>
<dd>SGML (of which HTML is a derivative) was meant to be a<br />
device-independent method for conveying a document&#8217;s structural and semantic<br />
content (its meaning.) It was never meant to convey physical formatting<br />
information. HTML has crossed this line and now contains many elements and<br />
attributes which specify visual style and formatting information. One of the<br />
main reasons for style sheets is to stop the creation of new HTML physical<br />
formatting constructs and once again separate style information from<br />
document content. </dd>
<dt><big><strong class="mainheading">3. Why use Style Sheets?</strong></big> <span id="more-1"></span></p>
</dt>
<dd>Style sheets allow a much greater degree of layout and display control<br />
than has ever been possible thus far in HTML. The amount of format coding<br />
necessary to control display characteristics can be greatly reduced through<br />
the use of external style sheets which can be used by a group of documents.<br />
Also, multiple style sheets can be integrated from different sources to form<br />
a cohesive tapestry of styles for a document. Style sheets are also backward<br />
compatible &#8211; They can be mixed with HTML styling elements and attributes so<br />
that older browsers can view content as intended. </dd>
<dt><big><strong class="mainheading">4. Who defines the CSS standard? Is it one<br />
person? A company?</strong></big></p>
</dt>
<dd>The <a href="http://www.w3.org/">W3C</a> (the organization in charge of<br />
defining the HTML standards) creates and develops the CSS specifications<br />
with public input from the W3C<br />
<a href="http://www.w3.org/Mail/Lists.html#www-style">www-style</a> mailing<br />
list discussion forum and feedback from the member companies that comprise<br />
the <a href="http://www.w3.org/Consortium/Member/List.php3">W3C Consortium</a><br />
(which include companies such as Apple, Microsoft, and Netscape along with<br />
over 150 others.)</p>
<p>The &#8220;<a href="http://www.w3.org/TR/REC-CSS1.html">Cascading Style Sheets<br />
Level 1</a>&#8221; recommendation is edited and maintained by<br />
<a href="mailto:howcome@w3.org">Håkon Lie</a> and<br />
<a href="mailto:bert@w3.org">Bert Bos</a> of the W3C. The<br />
<a href="http://www.w3.org/TR/REC-CSS2/">CSS2</a> recommendation is is<br />
edited and maintained by Håkon Lie, Bert Bos, <a href="mailto:chris@w3.org"><br />
Chris Lilley</a> and <a href="mailto:ij@w3.org">Ian Jacobs</a>.</p>
</dd>
<dt><big><strong class="mainheading">5. What can be done with style sheets that can<br />
not be accomplished with regular HTML?</strong></big></p>
</dt>
<dd>Many of the recent extensions to HTML have been tentative and somewhat<br />
crude attempts to control document layout. Style sheets go several steps<br />
beyond, and introduces complex border, margin and spacing control to most<br />
HTML elements. It also extends the capabilities introduced by most of the<br />
existing HTML browser extensions. Background colors or images can now be<br />
assigned to <em>ANY</em> HTML element instead of just the BODY element and<br />
borders can now be applied to any element instead of just to tables. </dd>
<dt><big><strong class="mainheading">6. Is there anything that <em>CAN&#8217;T</em> be<br />
replaced by Style Sheets?</strong></big></p>
</dt>
<dd>Quite a bit actually. Style sheets only specify information that<br />
controls display and rendering information. Virtual style elements that<br />
convey the NATURE of the content can not be replaced by style sheets, and<br />
hyperlinking and multimedia object insertion is not a part of style sheet<br />
functionality at all (although controlling how those objects appear <em>IS</em><br />
part of style sheets functionality.) The CSS1 specification has gone out of<br />
its way to absorb <em>ALL</em> of the HTML functionality used in controlling<br />
display and layout characteristics.</p>
<p><strong class="alert">Rule of Thumb:</strong> if an HTML element or attribute gives<br />
cues as to how its contents should be displayed, then some or all of its<br />
functionality has been absorbed by style sheets.</p>
</dd>
<dt><big><strong class="mainheading">7. How do I design for backward compatibility<br />
using Style Sheets?</strong></big></p>
</dt>
<dd>Existing HTML style methods (such as &lt;<strong class="tagname">font</strong><br />
<span class="tagattrib">SIZE</span>&gt; and &lt;<strong class="tagname">b</strong>&gt;) may be<br />
easily combined with style sheet specification methods. Browsers that do not<br />
understand style sheets will use the older HTML formatting methods, and<br />
style sheets specifications can control the appearance of these elements in<br />
browsers that support CSS1. </dd>
<dt><big><strong class="mainheading">8. What browsers support style sheets? To what<br />
extent?</strong></big></p>
</dt>
<dd>Microsoft&#8217;s Internet Explorer version 3.0 Beta 2 and above supports CSS,<br />
as does Netscape Communicator 4.0 Beta 2 and above and Opera 3.5 and above.<br />
Take note that the early implementations in these browsers did not support<br />
<em>ALL</em> of the properties and syntax described in the full CSS1<br />
specification and beyond. Later versions have been getting much closer to<br />
full CSS1 compliance, but then comes the next hurdle &#8211; CSS2&#8230;it was such a<br />
big leap over CSS1 that it has taken the browsers years to come close to<br />
supporting a majority of CSS2&#8242;s features. Mozilla and Opera&#8217;s current<br />
versions both offer excellent CSS standards compliance. The Macintosh<br />
version of Internet Explorer is said to be very impressive in its CSS<br />
capabilities as well, but PC IE lags behind these implementations. Quite a<br />
few other implementations of CSS now exist in browsers that are not as<br />
widely-used (such as Amaya, Arena and Emacs-W3), but coverage of features in<br />
these documents currently only covers Internet Explorer, NCSA Mosaic,<br />
Netscape and Opera browsers. </dd>
<dt><big><strong class="mainheading">9. Do any WYSIWYG editors support the creation<br />
of Style Sheets? Any text-based HTML editors?</strong></big></p>
</dt>
<dd>As support for CSS in browsers has matured in the last year, both<br />
WYSIWYG and Text-based HTML editors have appeared that allow the creation or<br />
the assistance of creating Cascading Style Sheet syntax. There are now at<br />
least two dozen editors supporting CSS syntax in some form. The W3C<br />
maintains an up-to-date <a href="http://www.w3.org/Style/CSS/#editors">list</a><br />
of these WYSIWYG and text-based editors. </dd>
<dt><big><strong class="mainheading">10. Can you use someone else&#8217;s Style Sheet<br />
without permission?</strong></big></p>
</dt>
<dd>This is a somewhat fuzzy issue. As with HTML tags, style sheet<br />
information is given using a special language syntax. Use of the language is<br />
not copyrighted, and the syntax itself does not convey any content &#8211; only<br />
rendering information.</p>
<p>It is not a great idea to reference an external style sheet on someone<br />
else&#8217;s server. Doing this is like referencing an in-line image from someone<br />
else&#8217;s server in your HTML document. This can end up overloading a server if<br />
too many pages all over the net reference the same item. It can&#8217;t hurt to<br />
contact the author of a style sheet, if known, to discuss using the style<br />
sheet, but this may not be possible. In any case, a local copy should be<br />
created and used instead of referencing a remote copy.</p>
</dd>
<dt><big><strong class="mainheading">11. What does the &#8220;Cascading&#8221; in &#8220;Cascading<br />
Style Sheets&#8221; mean?</strong></big></p>
</dt>
<dd>Style Sheets allow style information to be specified from many<br />
locations. Multiple (partial) external style sheets can be referenced to<br />
reduce redundancy, and both authors as well as readers can specify style<br />
preferences. In addition, three main methods can be employed by an author to<br />
add style information to HTML documents, and multiple approaches for style<br />
control are available in each of these methods. In the end, style can be<br />
specified for a single element using any, or all, of these methods. What<br />
style is to be used when there is a direct conflict between style<br />
specifications for an element?</p>
<p>Cascading comes to the rescue. A document can have styles specified using<br />
all of these methods, but all the information will be reduced to a single,<br />
cohesive &#8220;virtual&#8221; Style Sheet. Conflict resolution is based on each style<br />
rule having an assigned weight according to its importance in the scheme of<br />
things. A rule with a higher overall importance will carry a higher weight.<br />
This will be used in place of a competing style rule with a lower<br />
weight/importance. A hierarchy of competing styles is thus formed creating a<br />
&#8220;cascade&#8221; of styles according to their assigned weights. The algorithm used<br />
to determine this cascading weight scale is fairly complex.</p>
<p>For more information, see the section on cascading in the<br />
<a href="http://www.w3.org/TR/REC-CSS1#the-cascade">CSS1 Specification</a></p>
</dd>
<dt><big><strong class="mainheading">12. Which style specification method should be<br />
used? Why?</strong></big></p>
</dt>
<dd>The answer to this one is tricky. The short answer is: &#8220;it depends.&#8221; The<br />
long answer is, however, another story.</p>
<p>If you are planning on using more than one style specification method in<br />
your document, you must also worry about Cascading Order of Style methods<br />
(see <a href="#eleven">question 11</a>.) If you are going to use only one<br />
method, then some guidelines about the nature of each method need to be kept<br />
in mind. The answer to this question is also very much related to the<br />
advantages and disadvantages to using each of them (<a href="#thirteen">next<br />
question</a>.)</p>
</dd>
<dt><strong class="alert">Method 1:</strong> External Style Sheets (The<br />
<a href="http://www.blooberry.com/indexdot/html/tagpages/l/link.htm">LINK</a><br />
<span class="external">[--&gt;Index DOT Html]</span> element)</p>
</dt>
<dd>This method should be used if you want to apply the same style to<br />
multiple documents. Each document can reference the stand-alone style sheet<br />
and use the styles contained within. Using this method, the appearance of<br />
many documents can be controlled using a single or small number of style<br />
sheets. This can save a LOT of time for an author. </dd>
<dt><strong class="alert">Method 2:</strong> Embedded Style Sheets (The<br />
<a href="http://www.blooberry.com/indexdot/html/tagpages/s/style.htm">Style</a><br />
<span class="external">[--&gt;Index DOT Html]</span> element) </dt>
<dd>The syntax used with Method 2 is the same as that for Method 1. This<br />
method is a happy medium between External Style Sheets and Inline Styles<br />
(see below.). It should be used in place of Method 1 if you only want to<br />
specify styles for a single document. This method should also be used when<br />
you want to specify a style for multiple tag types at once or the list of<br />
style definitions is of larger size. </dd>
<dt><strong class="alert">Method 3:</strong> Inline Styles (STYLE attribute to HTML<br />
elements) </dt>
<dd>If you only have to apply style to one or a few elements in a single<br />
document, your best bet will often be an Inline Style. This method attaches<br />
a style definition within the HTML element it is modifying. </dd>
<dt><big><strong class="mainheading">13. What are the advantages/disadvantages of the<br />
various style methods?</strong></big></p>
</dt>
<dt>Each method of specifying style information has something going for it<br />
(else it would not exist), but each method also has drawbacks as well. This<br />
question is very closely related to the <a href="#twelve">previous question</a>.<br />
These factors should be considered when planning your use of Style Sheets. </dt>
<dt><strong class="alert">External Style Sheets</strong></p>
</dt>
<dd><strong class="magicword">Advantages</strong></p>
<ul type="disc">
<li>Can control styles for multiple documents at once</li>
<li>Classes can be created for use on multiple HTML element types in<br />
many documents</li>
<li>Selector and grouping methods can be used to apply styles under<br />
complex contexts</li>
</ul>
</dd>
<dd><strong class="magicword">Disadvantages</strong></p>
<ul type="disc">
<li>An extra download is required to import style information for each<br />
document</li>
<li>The rendering of the document may be delayed until the external<br />
style sheet is loaded</li>
<li>Becomes slightly unwieldy for small quantities of style definitions</li>
</ul>
</dd>
<dt><strong class="alert">Embedded Style Sheets</strong> </dt>
<dd><strong class="magicword">Advantages</strong></p>
<ul type="disc">
<li>Classes can be created for use on multiple tag types in the document</li>
<li>Selector and grouping methods can be used to apply styles under<br />
complex contexts</li>
<li>No additional downloads necessary to receive style information</li>
</ul>
</dd>
<dd><strong class="magicword">Disadvantages</strong></p>
<ul type="disc">
<li>This method can not control styles for multiple documents at once</li>
</ul>
</dd>
<dt><strong class="alert">Inline Styles</strong> </dt>
<dd><strong class="magicword">Advantages</strong></p>
<ul type="disc">
<li>Useful for small quantities of style definitions</li>
<li>Can override other style specification methods at the local level so<br />
only exceptions need to be listed in conjunction with other style<br />
methods</li>
</ul>
</dd>
<dd><strong class="magicword">Disadvantages</strong></p>
<ul type="disc">
<li>Does not distance style information from content (a main goal of<br />
SGML/HTML)</li>
<li>Can not control styles for multiple documents at once</li>
<li>Author can not create or control classes of elements to control<br />
multiple element types within the document</li>
<li>Selector grouping methods can not be used to create complex element<br />
addressing scenarios</li>
</ul>
</dd>
<dt><big><strong class="mainheading">14. As a reader, how can I make my browser<br />
recognize my own style sheet?</strong></big></p>
</dt>
<dt><strong class="alert">Netscape</strong> </dt>
<dd>It is not possible to do this in Netscape yet (as of version 4.0.) </dd>
<dt><strong class="alert">Internet Explorer 3.0 (Win95/NT)</strong> </dt>
<dd>[It is possible to do this at least in Windows95/NT, but no user<br />
interface is provided. Unknown how this might be accomplished on other<br />
operating systems.]</p>
<ol>
<li>Open the Registry editor (Start..Run..regedit..ENTER)</li>
<li>Under the<br />
&#8216;HKEY_LOCAL_MACHINE\Software\Microsoft\InternetExplorer\Styles&#8217; key,<br />
Edit..New..String Value</li>
<li>The new value should be called &#8216;StyleSheet Pathname&#8217;</li>
<li>For the value, type in the full directory path of your .css style<br />
sheet.</li>
</ol>
</dd>
<dt><strong class="alert">Internet Explorer 4.0 (Win95/NT)</strong> </dt>
<dd>
<ol>
<li>Under the View menu, select &#8216;Internet Options&#8217;.</li>
<li>Under the &#8216;General&#8217; tab, choose the &#8216;Accessibility&#8217; button.</li>
<li>Choose the &#8216;Format documents using my style sheet&#8217; check box and<br />
&#8216;Browse&#8230;&#8217; to the location of your .css style sheet.</li>
</ol>
</dd>
<dt><big><strong class="mainheading">15. How do you override the underlining of<br />
hyperlinks?</strong></big></p>
</dt>
<dd>CSS has the ability to explicitly control the status of underlining for<br />
an element &#8211; even for hyperlinks. The correct way to do this in an external<br />
or document-level style sheet is:</p>
<p><strong class="selector">A</strong> { <span class="property">text-decoration:</span><br />
none }</p>
<p>and within an anchor element as:</p>
<p>&lt;<strong class="tagname">a</strong> <span class="tagattrib">HREF</span>=&#8221;example.htm&#8221;<br />
<span class="tagattrib">STYLE</span>=&#8221;<span class="property">text-decoration:</span><br />
none&#8221;&gt;link text&lt;/<strong class="tagname">a</strong>&gt;</p>
<p><strong class="alert">Note:</strong> The underlining of hyperlinks is a long-standing<br />
visual convention that assists in the visual identification of active<br />
hyperlink areas. Many users <em>expect</em> to see hyperlinks underlined and<br />
may be confused and/or irritated if they are not used. User-defined style<br />
sheets address this user need by allowing the user to have final control<br />
over this feature. Unfortunately, wide support for this ability does not yet<br />
exist.</p>
</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://maldeetuh.org/check-cascading-style-sheets-css-and-xhtml-documents-with-style-sheets/faq-index/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

