New Style
Article ID: KB101775
Format > New Style
The New Style dialog box can be accessed by going to Format > New Style, or
clicking the New Style link in the Apply Styles or Manage Styles task panes.
Apply Styles task pane
The New Style dialog box opens.
The first thing you want to do is to define your selector. A
selector can be a class that you define, an ID that you
define, or an HTML element that you can pick from the list. (See
Learning CSS if you don't know what
those terms mean.)
Dropdown list allows you to select an HTML element as your selector.
You can also define custom classes or IDs as your selector.
Next, choose where you would like the new style code to be defined in. You
can choose to define it in the current page (within <style> tags in the <head>
of the page), in a new style sheet (the style will be defined in a new
untitled .css file), or in an existing style sheet (you can choose an
existing .css).
Defining the location of a style.
If you have a page open in Expression Web for editing and your cursor is on
the page or you have some content selected, you can check the Apply new
style to document selection option and your custom class or ID will be
applied to the selection.
Applying the style to your selected content.
The next section shows all of the possible CSS properties that can be
defined. Expression Web organizes the different properties into "categories."
The diagram below shows the Font category, where you can set properties like the
font, text size, and color, in contrast to the Block category, where you can set
the alignment of text, the space between lines of text, and more.
CSS categories
To modify the properties most effectively, you should learn a bit of basic
CSS so that you know what the different possibilities are. Expression Web does
help you to learn what some of the values can be by allowing you to select them
from a dropdown.
Expression Web helps you by showing possible values.
As you create your new style and define properties for the style, Expression
Web shows you a preview of how text might be affected by your style and also
shows the CSS code that will be generated.
Preview of new style and CSS code.
When you are done, click OK and your new style will be created.
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/al1134/kb101775.htm
permalink to this article:
http://www.pixelmill.com/support/kb101775.htm
Back to top