Lặp lại bước 1 đến 8 để tạo ra phong cách bổ sung trong CSS bên trong hoặc bên ngoài cùng. Bạn có thể thêm nhiều phong cách như bạn muốn CSS, và bạn có thể tạo ra cả hai nội bộ và phong cách bên ngoài bất cứ lúc nào. Để dễ dàng sử dụng, chúng tôi khuyên bạn nên tạo một tập tin CSS bên ngoài và đặt tất cả các quy tắc phong cách của bạn. Bằng cách đó, bạn có thể sử dụng một phong cách trang duy nhất cho toàn bộ một trang web!. | 220 Attaching a Style Sheet to Your Document 9. Repeat Steps 1 through 8 to create additional styles in the same internal or external CSS. You can add as many styles as you want to the CSS and you can create both internal and external styles at any time. For greatest ease of use we recommend that you create a single external CSS file and place all your style rules there. That way you can use a single style sheet for an entire Web site Attaching a Style Sheet to Your Document You can attach an existing style sheet to your document at any stage of development. It can be a fully realized style sheet or a blank one that you build as you style your document. For the purposes of attaching the style sheet its contents don t matter as long as the file is created and saved in advance with the .css file extension. If you have an existing external style sheet perhaps a copy of one used on another project or one provided by a member of your team or want to use one of Dreamweaver s sample style sheets save it to the local root folder of your currently managed site or in a folder at the root level of that site. Then follow these steps 1. Open the CSS Styles panel and click the Attach Style Sheet icon at the bottom of the panel refer to Figure 1-4 . The Attach External Style Sheet dialog box appears as shown in Figure 1-9. Figure 1-9 Attach an external CSS to a page. 2. In the File URL field enter the name of the existing style sheet or click the Browse button to navigate to and select the existing style sheet. Dreamweaver has several sample style sheets you can use either as-is or as a starting point for customizing your own style sheet. To use one of the existing style sheets click the Sample Style Sheets link in the dialog box. The Sample Style Sheets dialog box appears so you can preview and select a style sheet from the listing. Click OK and Dreamweaver instantly attaches that selected style sheet to your page. Applying a Class Style 221 3. In the Add As field choose the .
