Pardue, Karen T. wrote:
>[...] It is my understanding that by choosing "Heading 3", for
>example, I will apply the style for that selected heading according to
>what is in the attached style sheet for "Heading 3".
>My colleague [...] instead uses the CSS Styles Panel to select such
>font styles as I wrote above (.SanText90Centered).
>I realize both options draw from the attached style sheet.
>
>However, when creating a heading, I want to quickly select what styles
>I assigned to the various headings within the style sheet so I don't
>have to remember that Heading 1 was .SanText120Left, etc.
>
>Am I missing something? In the context of my question, what are the
>advantages of the CSS Style Panel other than selecting styles on the
>fly?
>Thanks for any help,
>Karen Pardue
>
Hi Karen,
I think there are 2 possibilities, depending on the way of using the
<h3> tag:
* The headers are used only as a styling elements (without any
meaning about heading).
In this case there is no difference or advantage which method is
used > both giving the same result, though a [<h3>] is faster
typed as [class="SanText120Left"] - you see, I don't use
Deamweaver, but Notepad. ;-)
But the question is: should headers be used as styling-only
elements? No, IMO. - See next bullet!
* The headers are used as headers, and have (as headers) a special
style.
In this case there is a fundamental difference.
Choosing a <h3> is pointing to a new element in the page
structure: "Important, new part of the page is starting!"
Choosing a class on the fly doesn't mean any change in page
structure. For instance it can be given for merely designing
purposes: "To get a good visual equilibrium in the page, here a
light green background is needed / a change of font-family, etc."
If it is a real header (in this case it is!), then the advantage
of the header tag is: accessibility on all fronts!
o The html and css will get a better, clear model.
o It is easier to come back into css or html if something has
to be changed.
o When a visitor has turned off the stylesheet (or is using a
client side stylesheet), the header is still a header.
o In a text-reading browser, it's often possible to jump
through the headers, to get a quick impression of the page,
without having to wait until the whole page is read. The
text reader doesn't tell the styles of a class, even a style
with a font-size of 3 times the h1 and a 20px red border
doesn't get any emphasis, though on screen you can't miss it!
o Also search engines (robots) like page structure and
headers: the words in the headers get more importance at
indexing, which can have influence on the ranking too.
Then you wrote you want to quickly select what styles are assigned to
the various headings within the style sheet so you don't have to
remember that Heading 1 was .SanText120Left, etc.
If a html-editor and/or css-editor doesn't have this option, you always
can make a "styling dummy": a html-page with all headers and other
elements for choosing - you can have it opened in your browser when
developing. One click to this page, and you know not only the style of
the h3, but also of the h1 and h2 above and the h4, h5 under it. :-)
Success!
francky
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
