- Creating and Applying a Custom Style
- Exploring Style Settings
- Redefining the Heading 3 <h3> Tag
- Positioning a Layer with a Style
- Creating a Hyperlink Rollover
- Creating an External Style Sheet
- Transforming the Property Inspector
- Converting Styles to HTML Markup (<font> Tags)
- Saving HTML Markup as an HTML Style
- Summary
- Q&A
- Workshop
This chapter is from the book
This chapter is from the book
This chapter is from the book
Transforming the Property Inspector
Using CSS Styles is the approved method of modifying content in Web pages. The only reason people still use the font attributes in the Property inspector is because they are using older browsers (or they don't know any better!). You can transform the Property inspector so that it assists you in applying CSS Styles to your Web page. Select the CSS Mode command from the Property inspector drop-down menu (available only in Windows) to change the Property inspector to support CSS. Or easier still, click the HTML/CSS mode toggle button, shown in Figure 15.15, to toggle between HTML mode and CSS mode.
){kind=link}
Figure 15.15 Use the Property inspector menu to select CSS mode.
The Property inspector in CSS mode displays available styles instead of font properties. When you select a custom style from the CSS Styles drop-down menu, you see a definition of that style immediately to the right, as shown in Figure 15.16.
){kind=link}
Figure 15.16 The Property inspector in CSS mode displays custom style definitions.