Compare Inline, Internal, and External CSS

4.8
stars
8 ratings
Offered By
Coursera Project Network
In this Guided Project, you will:

Compare the application and use of inline, internal, and external CSS.

Describe the concept of cascading styles.

Code CSS in inline, internal, and external styles.

Clock1 hour and 10 minutes
IntermediateIntermediate
CloudNo download needed
VideoSplit-screen video
Comment DotsEnglish
LaptopDesktop only

In this intermediate-level course you will explore and compare three methods of applying CSS (Cascading Stylesheets) styles to HTML to visually enhance a website. While HTML provides web page content, it is CSS that can turn simple text and images into a stunning website. As you compare and practice with inline styles, internal stylesheets, and external stylesheets you will gain a better understanding of how and when to use each method, and why the word “cascading” is used to describe them. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

Skills you will develop

Cascading Style Sheets (CCS)External StylesInternal StylesInline StylesLink Tag

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Add inline styles to specific areas within an HTML file to enhance a web page.

  2. Add an internal stylesheet to an HTML file and populate it with a variety of CSS rules.

  3. Add code to an HTML file to link it to an external stylesheet.

  4. Use an editor to create and save an external stylesheet as a file separate from the HTML file.

  5. Incorporate the three types of CSS into one website and demonstrate how the application of styles cascades.

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.