Manage Styles Task Pane
Article ID: KB101735
The Manage Styles task pane is new to Expression Web. It allows you to rename
classes
and reorder styles in your web page (embedded stylesheet) or your externally
linked stylesheets.
Interface
The Manage Styles task pane by default will show you all the styles available
for a page, including styles from external stylesheets and styles defined within
the page. In the diagram below, you can see the styles defined from the
styles.css stylesheet as well as the styles defined internally ("Current page").
Also by default, the styles are listed in the order that they appear in the
stylesheet.
The colored icon next to the style helps you to know what type of style is being
defined.
- blue: A blue dot marks styles that have been defined for HTML
elements.
- green: A green dot marks styles that are defined for custom classes.
Custom class names start with a period. Classes can be applied multiple times
within a web page. The HTML code for an applied class looks like this:
<p
class="accent">.
- red: A red dot marks styles that are defined for id selectors. ID
selector names start with a number sign (#). They can only be applied once
on a page using the "id" attribute in HTML (for example --
<div
id="content">).
- circle: Circled dots represent styles that are actually used on
the web page you have open in Expression Web.
You can click the Options button to change how the classes are displayed or
ordered.
Finally, you can hover over each style, and the corresponding stylesheet code
will be displayed in a tooltip. This is useful for learning more about CSS and
seeing the actual code behind the style.
Authors and Contributors:
Corrie Haffly
Was this helpful?
Please rate this article:
Email address: (not required)
(Please provide your email address if you would like PixelMill support to follow-up with you about your comment. You're email address is NOT REQUIRED to submit a comment.)
Comments: (How can we improve this article?)
Clicking "Submit" will not clear this page.
link to this page:
http://www.pixelmill.com/support/al1111/kb101735.htm
permalink to this article:
http://www.pixelmill.com/support/kb101735.htm
Back to top