CSS -zelfstudie

CSS HOME CSS-introductie CSS-syntaxis CSS-kiezers CSS-handleiding CSS-opmerkingen CSS-kleuren CSS-achtergronden CSS-randen CSS-marges CSS-opvulling CSS Hoogte/Breedte CSS-boxmodel CSS-overzicht CSS-tekst CSS-lettertypen CSS-pictogrammen CSS-links CSS-lijsten CSS-tabellen CSS-weergave CSS Max-breedte CSS-positie CSS Z-index CSS-overloop CSS zweven CSS Inline-blok CSS uitlijnen CSS-combinaties CSS Pseudo-klasse CSS Pseudo-element CSS-dekking CSS-navigatiebalk CSS-dropdownmenu's CSS-afbeeldingengalerij CSS-afbeeldingssprites CSS Attr-kiezers CSS-formulieren CSS-tellers CSS-websitelay-out CSS-eenheden CSS-specificiteit CSS !belangrijk CSS wiskundige functies

CSS Geavanceerd

CSS afgeronde hoeken CSS-randafbeeldingen CSS-achtergronden CSS-kleuren CSS-kleurzoekwoorden CSS-verlopen CSS-schaduwen CSS-teksteffecten CSS-weblettertypen CSS 2D-transformaties CSS 3D-transformaties CSS-overgangen CSS-animaties CSS-tooltips Afbeeldingen in CSS-stijl CSS-beeldreflectie CSS-object-fit CSS-objectpositie CSS-maskering CSS-knoppen CSS-Paginering CSS Meerdere kolommen CSS-gebruikersinterface CSS-variabelen Grootte van CSS-box CSS-mediaquery's CSS MQ-voorbeelden CSS Flexbox

CSS Responsief

RWD Intro RWD-kijkpoort RWD-rasterweergave RWD-mediaquery's RWD-afbeeldingen RWD-video's RWD-frameworks RWD-sjablonen

CSS- raster

Rasterintro Rastercontainer Rasteritem

CSS SASS

SASS-zelfstudie

CSS- voorbeelden

CSS-sjablonen CSS-voorbeelden css-quiz CSS-oefeningen CSS-certificaat

CSS- referenties

CSS-referentie CSS-kiezers CSS-functies CSS Referentie Auditief CSS webveilige lettertypen CSS animeerbaar CSS-eenheden CSS PX-EM-converter CSS-kleuren CSS-kleurwaarden CSS-standaardwaarden Ondersteuning voor CSS-browser

CSS -syntaxis


Een CSS-regel bestaat uit een selector en een declaratieblok.


CSS-syntaxis

CSS-kiezer

De selector wijst naar het HTML-element dat u wilt opmaken.

Het aangifteblok bevat een of meer aangiften, gescheiden door puntkomma's.

Elke declaratie bevat een CSS-eigenschapsnaam en een waarde, gescheiden door een dubbele punt.

Meerdere CSS-declaraties worden gescheiden door puntkomma's en declaratieblokken zijn omgeven door accolades.

Voorbeeld

In dit voorbeeld worden alle <p> elementen gecentreerd uitgelijnd, met een rode tekstkleur:

p {
  color: red;
  text-align: center;
}

Voorbeeld uitgelegd

  • p is een selector in CSS (het verwijst naar het HTML-element dat u wilt opmaken: <p>).
  • coloris een eigenschap, en redis de waarde van de eigenschap
  • text-alignis een eigenschap, en centeris de waarde van de eigenschap

In de volgende hoofdstukken leert u veel meer over CSS-selectors en CSS-eigenschappen!