Hvordan lage et enkelt CSS -stilark ved hjelp av Notisblokk

Video: CSS Tutorial How to create css style sheet in Notepad ++?

Innhold

Trinn
Tips
Ting du trenger

Notisblokk er en av tekstredigererne som kan brukes til å lage et CSC -dokument (Cascading Style Sheet). Etter at du har opprettet en CSS -fil i Notisblokk, kan du koble den filen til en webside slik at innholdet på websiden kan formateres med stilarket.

Trinn

1 Åpne Notisblokk -programmet.
2Kopier følgende kode:

@charset "utf-8"; / * CSS Document * // * Definer kroppselementets farge * / body {bakgrunn: # FFFFFF;} / * Denne delen er for lenker * / a: link { font-weight: normal; farge: Navy} a: besøkt {font-weight: normal; farge: Grønn;} a: sveve {font-weight: bold; fargen rød; font-variant: small-caps;} / * Denne delen er for en avsnittsdel * / p {font-style: italic; skriftstørrelse: 18px;} blå {color: # 0000FF;} / * Denne delen er for bildets svarte kant. * / img {border-color: # 000000; kant: tykk; border-style: ås;}

# Lim inn koden fra "Trinn 2" i Notisblokk.

1 Lagre filen i Notisblokk. Lagre den under navnet "SimpleCSS.css" ved å klikke på "File" -knappen og velge "Lagre" -kommandoen. Etter å ha klikket på "Lagre" -knappen, vises "Lagre som" -dialogboksen.
2 Gi CSS -filen et navn. Skriv inn "SimpleCSS.css" eller et hvilket som helst navn i tekstfeltet "Filnavn" med utvidelsen ".css".
3 Klikk på "Lagre" -knappen.
4 Det er gjort!

Tips

Lagre Notisblokk -filen som bare tekst (noen ganger kan du kalle den tekstdokument eller ASCII) og gi den utvidelsen ".css".
Koden vi skrev her er bare et eksempel for å vise deg hvordan du oppretter en grunnleggende CSS -fil ved hjelp av Notisblokk for å manipulere HTML -elementene på vår eksempelwebside som vises i introduksjonsdelen. Du kan imidlertid endre vår CSS -koding, hvordan du vil formatere stilene og utseendet til nettsidene.
Husk å plassere det lagrede CSS -dokumentet i samme mappe som HTML -dokumentene der du opprettet nettsidene dine.
Etter at du har opprettet CSS -dokumentet, må du kanskje ta det neste trinnet; det vil si koble et dokument og en webside. Se de relaterte artiklene for å gjøre dette.