Join our community
- Expression Web Forum
- Expression web resources
- Build Expression Web Template 1
- Build Expression Web template 2
- Build Expression Web Template 3
- Style horizontal Navigation with CSS
- Style vertical menu with CSS
- Style the main content area
- Style the footer
- Centre a page
- Build Expression Web DWT Tutorial
- Graphic Template example
- Free Expression Web Templates
- Add RSS to Expression Web
- Expression web forms
- RSS feeds
- 10 Tips
- Page includes
- Insert flash in expression web
- Expression web dropdown menu
- Use XML with Expression Web
- Point and click easy drop-down menu's
- Table Based Layouts
- ASP.NET Ad Rotator
- Display Data
- Search database using a text box
- Transparent Text
- Bold text - Formatting
- Date and time
- Who are you
Why does Expression Web add news styles to my web site?
So you are seeing
This is a frequently asked question in Expression Web.
If you are working on a web page and decide that you want to have a paragraph with red text instead of say black, you might highlight the text and use the formatting tool bar colour pallet to colour the text red. (Many FP users will have done it like that) If you do it this way, Expression web creates a new style called .style1. If you then go onto change another paragraph of text and say colour it red and also change the text size, expression web creates .style2 this increment increase with each formatting change you make in this way!
There is nothing wrong with this method, except, each style is added between the <head> tags of your html document, which again, I say there is nothing wrong with that until you have say 12 .class styles embedded into each page on your site, with just a simple 15 page web site, you will spend a lot of time editing the embedded styles! Which is why we always suggest you use external style sheets.
In the Apply styles task pane, select manage styles, now where you see the .style1 just click and hold and drag it to the panel below. (which is your external style sheet) Drop the style where you want it and right click and select rename class. Call your style something meaningful like 'redtext' 'redtextlarge'
Doing it this way removes the embedded style from your html document automatically, which when you do come to update your web site means you change everything from within the external CSS file. These changes will be site wide where as embedded styles apply only to the page they are embedded in.
Expression web designer tutorial - .style1. Click here for a flash tutorial (4.40 long)
Discuss this in our expression web forum?