Compare Inline, Internal, and External CSS

4.8
Sterne
12 Bewertungen
von
Coursera Project Network
In diesem angeleitetes Projekt werden Sie:

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
IntermediateMittel
CloudKein Download erforderlich
VideoVideo auf geteiltem Bildschirm
Comment DotsEnglisch
LaptopNur Desktop

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.

Kompetenzen, die Sie erwerben werden

Cascading Style Sheets (CCS)External StylesInternal StylesInline StylesLink Tag

Schritt für Schritt lernen

In einem Video, das auf einer Hälfte Ihres Arbeitsbereichs abgespielt wird, führt Sie Ihr Dozent durch diese Schritte:

  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.

Ablauf angeleiteter Projekte

Ihr Arbeitsbereich ist ein Cloud-Desktop direkt in Ihrem Browser, kein Download erforderlich

Ihr Dozent leitet Sie in einem Video mit geteiltem Bildschirm Schritt für Schritt an.

Häufig gestellte Fragen

Häufig gestellte Fragen

Haben Sie weitere Fragen? Besuchen Sie das Hilfe-Center für Teiln..