Sådan oprettes CSS

Et Cascading Style Sheet (CSS) er et system til kodning af websteder, der gør det muligt for designere at manipulere forskellige funktioner på én gang ved at tildele nogle elementer til grupper. For eksempel kan designere ved hjælp af en baggrunds kode på stedet ændre baggrundsfarven eller billedet på alle sider på webstedet med kun en ændring i CSS-filen. Sådan oprettes en CSS-fil til en enkel hjemmeside.

trin

Billede med titlen Opret CSS Trin 1
1
Åbn Notepad-programmet i Microsoft Windows ved at placere det på listen over installerede programmer eller ved at klikke på knappen Start, skrive "Notepad" i søgefeltet og trykke på "Enter"."
  • Video: HTML og CSS tutorial [Dansk] Del 1 Basis HTML og Domæner

    Billede med titlen Opret CSS Trin 2
    2

    Video: hvordan man downloader aimbot til css

    Klik på "Fil" og "Gem som" på hovedværktøjslinjen.
  • Billede med titlen Opret CSS Trin 3
    3
    Indtast et kort filnavn i det rigtige felt i vinduet Gem som fulgt af ".css" -udvidelsen og vælg "Alle filer" som Gem som type.
    • CSS-filnavnet skal være direkte relateret til det pågældende websted, så vi kan tildele stilregler til det. For eksempel, hvis dit websted domæne er criarcss.com, bruge "criarcss.css" som navnet på din CSS-fil.
  • Billede med titlen Opret CSS Trin 4
    4
    Åbn index.html filen til dit websted i Notesblok.
  • Video: Sådan retter du CSS på en gentaget element i din splittest

    Billede med titlen Opret CSS Trin 5
    5
    Indtast følgende kode før "head" -tagget slutter: < link rel="stylesheet" type="text/css" href="criarcss.css" >.
    • Dette fortæller din webside, hvor du skal kigge efter definitionerne af dine CSS-regler for dette websted.
  • 6


    Indstil CSS elementer i HTML-filerne på din webside, der vil stole på CSS for at bestemme deres udseende eller stil.
    • CSS elementer er ting som < DIV >, bruges til at oprette sektioner- < P >, bruges til at oprette et afsnit og < H1 >, som identificerer et stort overskrift.
      Billede med titlen Opret CSS Trin 6Bullet1
    • Du kan oprette CSS-definitioner for skrifttypestil og tekststørrelse af afsnit og titler, billede eller baggrundsfarve på webstedet eller noget, som er placeret mellem begyndelsen og slutningen af ​​DIV-tags.
      Billede med titlen Opret CSS Trin 6Bullet2
  • 7
    Liste dine CSS elementer i din "creacss.css" fil, efter hver enkelt med et par nøgler indeholdende stil regler. Nøglerne er de krøllebøjler, "{}."
    • CSS-stilregler består af en egenskab og en værdi - ejendommen identificerer, hvad du vil ændre, såsom baggrundsfarven. Værdien giver navnet eller den numeriske værdi af den anvendte farve. Syntaxen er {property: value-}, med kolon, semikolon, og de nøgler, der bruges som i eksemplet.
      Billede med titlen Opret CSS Trin 7Bullet1
    • Hvis du vælger at forlade den blå farve som baggrunden for hver side på dit websted, kan du for eksempel skrive "side {baggrundsfarve: blå-}."
      Billede med titlen Opret CSS Trin 7Bullet2
  • 8
    Tilføj eventuelle ID eller Klasse forskelle.
    • Et ID vil blive forfulgt af "#", mens en KLASS foregår med en periode.

      Video: Sådan retter du CSS i din splittest

      Billede med titlen Opret CSS Step 8Bullet1
    • Hvis du vil have sidebladet på din webside for at se anderledes ud, skal du oprette et #FOOTER ID i dit HTML-dokument ved at skrive < div id="footer"> i begyndelsen af ​​afsnittet. Luk sektionen med et lukningstegn, < /div >.
      Billede med titlen Opret CSS Step 8Bullet2
    • Opret en stilregel ved at skrive #FOOTER {font-size: x-small-} i din "createcss.css" -fil. Dette vil medføre, at alle kilder i din sidefod / Nodapé har en meget lille skrifttype.
      Billede med titlen Opret CSS Step 8Bullet3
  • tips

    • Der er flere forskellige egenskaber, som du kan manipulere med CSS. Find et websted med en stil, du kan lide, og se kildefilen på siden. Hvis der er en knyttet CSS-fil navn øverst på siden, i hovedet tags, kan du klikke på det for at se egenskaberne og værdier, der er tildelt til elementerne.

    advarsler

    • Direkte kopiering af HTML og CSS-kode kan hjælpe dig med at lære tidligt, men du bør bruge dine egne designideer. At tage en anden persons projekt er tyveri og plagiering.
    Del på sociale netværk:

    Relaterede
    © 2024 HodTari.com