Hur man skapar ett enkelt CSS -stilark med Anteckningar

Författare: Clyde Lopez
Skapelsedatum: 20 Juli 2021
Uppdatera Datum: 1 Juli 2024
Anonim
Skapa en css fil
Video: Skapa en css fil

Innehåll

Anteckningsblock är en av textredigerarna som kan användas för att skapa ett CSS -dokument (Cascading Style Sheet). När du har skapat en CSS -fil i Anteckningar kan du länka filen till en webbsida så att webbsidans innehåll kan formateras med ditt formatmall.

Steg

  1. 1 Öppna Anteckningar -programmet.
  2. 2Kopiera följande kod:

@charset "utf-8"; / * CSS Document * // * Definiera kroppselementets färg * / body {bakgrund: # FFFFFF;} / * Detta avsnitt är för länkar * / a: länk { font-weight: normal; färg: Navy} a: besökt {font-weight: normal; färg: Grön;} a: sväva {font-weight: bold; färgen röd; font-variant: small-caps;} / * Detta avsnitt är för ett stycke avsnitt * / p {font-style: italic; font-size: 18px;} blue {color: # 0000FF;} / * Detta avsnitt är för bildens svarta kant. * / img {border-color: # 000000; kant: tjock; gränsstil: ås;}

# Klistra in koden från "Steg 2" i Anteckningar.


  1. 1 Spara filen i Anteckningar. Spara det under namnet "SimpleCSS.css" genom att klicka på "Arkiv" -knappen och välja "Spara" -kommandot. Efter att du har klickat på knappen "Spara" visas dialogrutan "Spara som".
  2. 2 Namnge din CSS -fil. Ange "SimpleCSS.css" eller valfritt namn i textrutan "Filnamn" med tillägget ".css".
  3. 3 Klicka på knappen "Spara".
  4. 4 Det är klart!

Tips

  • Spara anteckningsfilen som endast text (ibland kan du kalla den textdokument eller ASCII) och ge den tillägget ".css".
  • Koden som vi skrev här är bara ett exempel för att visa dig hur du skapar en grundläggande CSS -fil med Anteckningar för att manipulera dess HTML -element på vår provwebbsida som visas i avsnittet Introduktion. Du kan dock ändra vår CSS -kodning, hur du vill formatera webbsidornas stilar och utseende.
  • Kom ihåg att placera det sparade CSS -dokumentet i samma mapp som dina HTML -dokument där du skapade dina webbsidor.
  • När du har skapat ditt CSS -dokument kan du behöva ta nästa steg. det vill säga länka ett dokument och en webbsida. Se de relaterade artiklarna för att göra detta.

Saker du behöver

  • Dator
  • Anteckningar program
  • webbläsare