HTML CSS JAVASCRIPT SQL PYTHON PHP HOW TO W3.CSS JAVA JQUERY C++ R React
ภาษาไทย Afrikaans العربية čeština Deutsch Español Français हिन्दी Bahasa Indonesia Italiano 日本語 한국어 မြန်မာဘာသာ Nederlands Polski Português Русский Türkçe Tiếng Việt

CSS handleiding

CSS TUIS CSS Inleiding CSS-sintaksis CSS-keurders CSS Hoe om CSS Kommentaar CSS kleure
Kleure RGB HEX HSL
CSS agtergronde
Agtergrondkleur Agtergrondprent Agtergrond Herhaal Agtergrond Aanhangsel Agtergrond Snelskrif
CSS-grense
Grense Grens breedte Rand Kleur Grenskante Grens Snelskrif Afgeronde grense
CSS-marges
Margins Margin Collapse
CSS Opvulling CSS Hoogte/Breedte CSS Box Model CSS uiteensetting
Outline Outline Width Outline Color Outline Shorthand Outline Offset
CSS teks
Text Color Text Alignment Text Decoration Text Transformation Text Spacing Text Shadow
CSS lettertipes
Font Family Font Web Safe Font Fallbacks Font Style Font Size Font Google Font Pairings Font Shorthand
CSS-ikone CSS skakels CSS-lyste CSS-tabelle
Table Borders Table Size Table Alignment Table Style Table Responsive
CSS vertoon CSS maksimum breedte CSS posisie CSS Z-indeks CSS oorloop CSS Float
Float Clear Float Examples
CSS Inline-blok CSS Belyn CSS-kombineerders CSS Pseudo-klas CSS Pseudo-element CSS Deursigtigheid CSS-navigasiebalk
Navbar Vertical Navbar Horizontal Navbar
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
Linear Gradients Radial Gradients Conic Gradients
CSS Shadows
Shadow Effects Box Shadow
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
The var() Function Overriding Variables Variables and JavaScript Variables in Media Queries
CSS-boksgrootte CSS-medianavrae CSS MQ Voorbeelde CSS Flexbox
CSS Flexbox CSS Flex Container CSS Flex Items CSS Flex Responsive

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 -sintaksis

❮ Vorige Volgende ❯

'n CSS-reël bestaan ​​uit 'n keurder en 'n verklaringsblok.

CSS-sintaksis

CSS keurder

Die kieser wys na die HTML-element wat jy wil styl.

Die verklaringsblok bevat een of meer verklarings geskei deur kommapunte.

Elke verklaring bevat 'n CSS-eiendomnaam en 'n waarde, geskei deur 'n dubbelpunt.

Veelvuldige CSS-verklarings word met kommapunte geskei, en verklaringsblokke word omring deur krullerige hakies.

Voorbeeld

In hierdie voorbeeld sal alle <p>-elemente in die middel belyn wees, met 'n rooi tekskleur:

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

Voorbeeld Verduidelik

  • p is 'n keurder in CSS (dit wys na die HTML-element wat jy wil styl: <p>).
  • coloris 'n eiendom, en redis die eiendomswaarde
  • text-alignis 'n eiendom, en centeris die eiendomswaarde

Jy sal baie meer leer oor CSS-keurders en CSS-eienskappe in die volgende hoofstukke!


❮ Vorige Volgende ❯