codequick-darkmode-logo
Logga inRegistrera dig
CSS-kurs

Läroplan:

CSS-kurs

6 Lektioner 39 Online kodningsfrågor


Vilka ämnen kommer att täckas i kursen?

Css-introduktion

  1. Grunderna i CSS Del 1:

    • Definiera stil och tillämpa den på CSS.

    • Exempel på tillämpning av font-size, color, text-align, margin, padding, border och background-color på element.

    • Definiera länkar och hur man integrerar dem i HTML för att tillämpa CSS-stil.

    • Hierarkin av inline style > id > class > tag för att effektivt tillämpa CSS-stilar.

    • Tillämpa CSS-stilar direkt på ett element med inline styles.

    • Tillämpa CSS-stilar med id.

    • Tillämpa CSS-stilar med class.

  1. CSS-grunder Del 2:

    • Att använda HTML-taggar.

    • Nästla HTML-element.

    • Förstå hierarkin av CSS-klasser.

    • Utforska hover och dess användning.

    • Justera HTML:s bredd och höjd.

  1. Sidlayoutinfrastruktur Del 1:

    • Namnkonventioner för klasser i CSS

    • Skillnaden mellan egenskaperna visibility och display, och hur man tillämpar dem i design

    • Exempel på CSS-egenskaper såsom border-radius, visibility, display och box-sizing

    • Fördelarna med att använda border-box-modellen för bättre designlayout.

  1. Sidlayoutinfrastruktur Del 2:

    • Förbättring av layouter i CSS.

    • Vad float och clear gör med dokumentets layout.

    • Användningen av float och clear.

    • En översyn av metoder för att justera element.

  1. Positionering av element med CSS del 1:

    • Utforska position i CSS.

    • Förstå relativ positionering.

    • Förstå absolut positionering.

    • Kontrollera positionen med egenskaperna top, left, right och bottom.

    • Använda z-index för att kontrollera staplingsordningen för element.

  1. Positionera element med CSS del 2:

    • Lär dig hur man positionerar element med CSS-egenskapen position.

    • Förstå skillnaden mellan position: relative och position: absolute.

    • Utforska hur man använder egenskaperna top, left, right och bottom för att justera positionen av element.

    • Upptäck hur man kontrollerar staplingsordningen av element med egenskapen z-index.