Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Adobe Dreamweaver CC
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Books

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

The Benefits of Using an External CSS File

  • We are going to move our internal style rules to an external style sheet
  • There are internal styles on this page and we will move those styles onto an external style sheet
  • We can then build additional styles to use across the site adding them directly to the external css file
  • Open about-us.html
  • Select the rules you want to move in code view
  • Once you have the rules you wish to move, choose Format->Move CSS Rules
  • Choose a New Style Sheet and name it styles-screen.css
  • This process not only creates the new style sheet but attaches it to the HTML page
  • We need to delete the <style> tag that remains on the page in the Sources panel so click the - to delete it

The Benefits of Using an External CSS File

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • Selecting Styles in Code View 1:27
    • Format Menu
    • CSS Styles
  • Move CSS Rules 2:17
    • Style Sheet Versus A New Style Sheet.. Option
    • Saving CSS File
    • Sources Area
  • External CSS Sheet 6:32
    • Locating CSS Style Sheet
    • Saving in New Location