CSS Introduction

Wat is CSS?

  • CSS Het verwijst naar Cascading Style Sheets* (Cascading Style Ssheets)
  • CSS beschrijftHoe worden HTML-elementen weergegeven op het scherm, papier of andere media
  • CSS Het bespaart veel werk。Het kan tegelijkertijd de lay-out van meerdere webpagina's beheren
  • Externe stijlsheets worden opgeslagen in CSS-bestand中

*:Ook wel bekend als Cascading Style Sheets.

CSS demonstratie - een HTML-pagina - meerdere stijlen!

Hier is een HTML-pagina die vier verschillende stijlsheets biedt. Klik op de onderstaande links naar de stijlsheets om verschillende stijlen te bekijken:

Waarom CSS gebruiken?

CSS wordt gebruikt om de stijl van webpagina's te definiëren, inclusief ontwerp en lay-out voor verschillende apparaten en schermformaten.

CSS Voorbeeld

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

Probeer het zelf uit

CSS lost een groot probleem op

HTML was nooit bedoeld om tags te bevatten voor het formatteren van webpagina's!

Het doel van het creëren van HTML isbeschrijf de webpaginabijvoorbeeld:

<h1>Dit is een titel.</h1>
<p>Dit is een paragraaf.</p>

Na het toevoegen van tags zoals <font> en de color-eigenschap aan de HTML 3.2-specificatie begon het nachtmerrie van webontwikkelaars. Het toevoegen van font- en kleurinformatie aan elke pagina van een groot website werd een langdurig en kostbaar proces.

Om dit probleem op te lossen, heeft de World Wide Web Consortium (W3C) CSS gecreëerd.

CSS verwijderde de stijlformaten van HTML-pagina's.

Als u niet weet wat HTML is, raad ik u aan om HTML Handleiding.

CSS bespaart veel werk!

Stijldefinities worden meestal opgeslagen in externe .css-bestanden.

Door het gebruik van externe stylusbestanden hoeft u slechts één bestand te wijzigen om het uiterlijk van de hele website te veranderen!