CSS handleiding

CSS TUIS CSS Inleiding CSS-sintaksis CSS-keurders CSS Hoe om CSS Kommentaar CSS kleure CSS agtergronde CSS-grense CSS-marges CSS Opvulling CSS Hoogte/Breedte CSS Box Model CSS uiteensetting CSS teks CSS lettertipes CSS-ikone CSS skakels CSS-lyste CSS-tabelle CSS vertoon CSS maksimum breedte CSS posisie CSS Z-indeks CSS oorloop CSS Float CSS Inline-blok CSS Belyn CSS-kombineerders CSS Pseudo-klas CSS Pseudo-element CSS Deursigtigheid CSS-navigasiebalk CSS-aftrekkies CSS Beeldgalery CSS Beeld Sprites CSS Attr keurders CSS-vorms CSS-tellers CSS-webwerfuitleg CSS-eenhede CSS Spesifisiteit CSS !belangrik CSS Wiskunde funksies

CSS Gevorderd

CSS afgeronde hoeke CSS-randbeelde CSS agtergronde CSS kleure CSS-kleur sleutelwoorde CSS Gradiënte CSS Shadows CSS-tekseffekte CSS Web Fonts CSS 2D-transformasies CSS 3D-transformasies CSS-oorgange CSS-animasies CSS Tooltips CSS-stylbeelde CSS-beeldrefleksie CSS-objekpas CSS voorwerp-posisie CSS-maskering CSS-knoppies CSS-paginering CSS veelvuldige kolomme CSS-gebruikerskoppelvlak CSS veranderlikes CSS-boksgrootte CSS-medianavrae CSS MQ Voorbeelde CSS Flexbox

CSS reageer

RWD Inleiding RWD Uitsigpoort RWD-roosteraansig RWD Media Navrae RWD beelde RWD-video's RWD-raamwerke RWD-sjablone

CSS -rooster

Grid Intro Roosterhouer Rooster item

CSS SASS

SASS Tutoriaal

CSS voorbeelde

CSS-sjablone CSS voorbeelde css vasvra CSS Oefeninge CSS-sertifikaat

CSS Verwysings

CSS Verwysing CSS-keurders CSS-funksies CSS Verwysing Gehoor CSS Web veilige lettertipes CSS Animateerbaar CSS-eenhede CSS PX-EM-omskakelaar CSS kleure CSS-kleurwaardes CSS verstekwaardes CSS-blaaierondersteuning

CSS Inleiding


CSS is die taal wat ons gebruik om 'n webblad te styl.


Wat is CSS?

  • CSS staan ​​vir Cascading Style Sheets
  • CSS beskryf hoe HTML-elemente op die skerm, papier of in ander media vertoon moet word
  • CSS bespaar baie werk. Dit kan die uitleg van verskeie webblaaie gelyktydig beheer
  • Eksterne stylblaaie word in CSS-lêers gestoor

CSS Demo - Een HTML-bladsy - Veelvuldige style!

Hier sal ons een HTML-bladsy wys wat met vier verskillende stylblaaie vertoon word. Klik op die "Stylblad 1", "Stylblad 2", "Stylblad 3", "Stylblad 4" skakels hieronder om die verskillende style te sien:



Waarom CSS gebruik?

CSS word gebruik om style vir jou webblaaie te definieer, insluitend die ontwerp, uitleg en variasies in vertoon vir verskillende toestelle en skermgroottes.

CSS voorbeeld

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}

CSS het 'n groot probleem opgelos

HTML was NOOIT bedoel om etikette vir die formatering van 'n webblad te bevat nie!

HTML is geskep om die inhoud van 'n webblad te beskryf, soos:

<h1>Hierdie is 'n opskrif</h1>

<p>Hierdie is 'n paragraaf.</p>

Toe merkers soos <font> en kleurkenmerke by die HTML 3.2-spesifikasie gevoeg is, het dit 'n nagmerrie vir webontwikkelaars begin. Die ontwikkeling van groot webwerwe, waar lettertipes en kleurinligting by elke enkele bladsy gevoeg is, het 'n lang en duur proses geword.

Om hierdie probleem op te los, het die World Wide Web Consortium (W3C) CSS geskep.

CSS het die stylformatering van die HTML-bladsy verwyder!

As jy nie weet wat HTML is nie, stel ons voor dat jy ons HTML-tutoriaal lees .


CSS bespaar baie werk!

Die styldefinisies word gewoonlik in eksterne .css-lêers gestoor.

Met 'n eksterne stylbladlêer kan jy die voorkoms van 'n hele webwerf verander deur net een lêer te verander!