Tạo phong cách văn bản Trong khi nhúng các thẻ vật lý hay phong cách hợp lý vào một tài liệu là một cách rất phổ biến để thay đổi giao diện của văn bản, cộng đồng thiết kế web được chuyển đến Cascading Style Sheets. | Creating Text Styles While embedding physical tags or logical styles into a document is a very common way to change the look of text the Web design community is moving to Cascading Style Sheets. Cascading Style Sheets can be used in conjunction with logical styles to define how that style works when viewed by the visitor and give you more control over what your visitors will see. It s also important to understand that the visual look of standard HTML styles and tags are defined by the browser application and may appear different when viewed on different browsers. If you modify a style you make the change once but all text tagged with that style changes to reflect the new format. Create a CSS Text Style Open the Web page you want to create a customized style. Click the Format menu point to CSS Styles and then click New. You can also click the New Style button on the CSS Styles panel. Choose from the following options Selector Type. Select the Class can apply to any tag option. Selector. Enter a name for the style. NOTE Class names should begin with a period if you don t add it Dreamweaver will and have no spaces or additional punctuation. Define In. Select the This Document Only option or select an existing external style sheet. 0 Click OK. Click the Type category. Format the font based on the available options. 0 Click OK. 116 Chapter 5 Apply a CSS Text Style Open the Web page you want to apply a CSS text style. Select in the paragraph that you want to apply the custom style. Remember the style you created can only be used within the original document. If you open another document you will not be able to use this new style. Click the Format menu point to CSS Styles and then click the name of the new style or click the Targeted Rule list arrow in the Property Inspector for CSS and then click the name of the new style. TIMESAVER You can also change the Style in the Properties panel. Click the Style list arrow and then select the style you want to apply. The new style
