Up to this point, as we have generated pages using Dreamweaver's HTML5 layouts, we have attached the CSS style files supplied with those pages by Dreamweaver.
Moreover, as we have edited the CSS on those pages (by making the kinds of changes just discussed to the <body>
tag and so on), we have simply saved those changes to the default CSS file supplied by Dreamweaver.
In real life, however:
- We would want to keep our own, customized CSS file distinct from the generic one generated each time by Dreamweaver, and
- We would want to attach our customized CSS file to the generated HTML5 layouts instead of the one supplied by Dreamweaver.
Let's walk through how this works:
First, as soon as you generate your first HTML5 layout, you will note the Dreamweaver-supplied CSS file is open in an associated file, displayed in the associated files bar in the Dreamweaver document window. You can open that file in its own window by right-clicking (Windows) or Control...