![Skapa en css fil](https://i.ytimg.com/vi/t6lc0qrc32o/hqdefault.jpg)
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 Öppna Anteckningar -programmet.
- 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.
![](https://a.vvvvvv.in.ua/society/kak-sozdat-prostuyu-tablicu-stilej-css-s-pomoshyu-notepad-1.webp)
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 Namnge din CSS -fil. Ange "SimpleCSS.css" eller valfritt namn i textrutan "Filnamn" med tillägget ".css".
3 Klicka på knappen "Spara".
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