HodTari.com

Sådan opretter du et simpelt CSS-stilark ved at bruge notesblok

Notesblok er en af ​​de tekstredigerere, du kan bruge til at oprette et CSS-dokument (Cascading Style Sheet

- Cascade Style Sheets). Når du har oprettet en CSS-fil gennem Notesblok, kan du linke denne fil til din webside, så sidens indhold formateres af dit stilark.

trin

Billedbetegnelse Opret et simpelt CSS-stilark ved hjælp af notesblok Trin 1
1
Åbn notesblok.
  • 2
    Kopier følgende kode:
    • @charset "utf-8" - / * CSS dokument * // * Indstil indholdet i farve * / body {background: # FFFFFF -} / * Dette afsnit er for links * / a: link {font-weight: Normal - farve: Navy} a: besøgte {font-weight: normal farve: Green-} a: hover {font-weight: bold- farve: Rød-font-variant: små-caps -} / * Dette afsnit er for afsnit af punkt * / p {font-style: skriftstørrelse italic-: 18px-} blå {color: # 0000FF -} / * Dette afsnit er for den sorte kant på billedet * / img {border-color: # 000000. - grænse: tykk-grænsestil: højderyg-}

    #Kolle "Trin 2" -koden i Notesblok.

    Billedbetegnelse Opret et simpelt CSS-stilark ved hjælp af notesblok Trin 2
    Billede med titlen Opret et simpelt CSS-stilark ved hjælp af notesblok Trin 3

    Video: Week 7

    1
    Gem filen i Notesblok. Gem det som "SimpleCSS.css" ved at klikke på "File" og vælge "Save". En dialogboks "Gem som" vises efter at have klikket på "Gem".


  • Billede med titlen Opret et simpelt CSS Stylesheet Brug Notepad Trin 4
    2
    Navngiv din CSS-fil. Skriv "SimpleCSS.css" eller hvilket som helst navn du foretrækker i tekstfeltet "Filnavn" med udvidelsen ".css".
  • Billedbetegnelse Opret et simpelt CSS Stylesheet Brug Notepad Trin 5
    3
    Klik på "Gem" knappen.
  • Billedbetegnelse Opret et simpelt CSS Stylesheet Brug Notepad Trin 6
    4
    Klar!

    • tips

    • Gem Notepad-filen som eneste tekst (undertiden kan den kaldes som tekstdokument eller ASCII) og indtaste udvidelsen ".css".
    • Koden, jeg skrev her, er blot et eksempel for at vise dig, hvordan du opretter en grundlæggende CSS-fil ved hjælp af Notesblok til at styre ethvert HTML-element i webseksemplet vist i introduktionsdelen. Du kan ændre CSS-koden, som du vil formatere stilen og udseendet af din webside.
    • Sørg for at sætte dit gemte CSS-dokument i samme mappe som dine HTML-dokumenter, hvor du oprettede websiden.
    • Når du er færdig med at oprette CSS-dokumentet, skal du muligvis gå til næste trin - det vil sige, link dit dokument til websiden. Brug venligst de relaterede artikler til at gøre det.

    Ting du skal bruge

    Video: Web Development - Computer Science for Business Leaders 2016

    Del på sociale netværk:

    Relaterede
    © 2024 HodTari.com