Wéi erstellt een einfachen CSS Stylblatt mam Notepad

Auteur: Clyde Lopez
Denlaod Vun Der Kreatioun: 20 Juli 2021
Update Datum: 1 Juli 2024
Anonim
Wéi erstellt een einfachen CSS Stylblatt mam Notepad - Gesellschaft
Wéi erstellt een einfachen CSS Stylblatt mam Notepad - Gesellschaft

Inhalt

Notepad ass ee vun den Text Editoren déi kënne benotzt gi fir e Cascading Style Sheet (CSS) Dokument ze kreéieren. Nodeems Dir eng CSS Datei am Notepad erstallt hutt, kënnt Dir dës Datei op eng Websäit verbannen sou datt den Inhalt vun der Websäit mat Ärem Stylblatt formatéiert ka ginn.

Schrëtt

  1. 1 Öffnen de Notepad Programm.
  2. 2Kopéiert de folgende Code:

@charset "utf-8"; / * CSS Dokument * // * Definéiert d'Faarf vum Kierperelement * / Kierper {Hannergrond: # FFFFFF;} / * Dës Sektioun ass fir Links * / a: Link { Schrëftgewiicht: normal; Faarf: Navy} a: besicht {Schrëftgewiicht: normal; Faarf: Gréng;} a: Hover {Schrëftgewiicht: fett; Faarf: Rout; Schrëft-Variant: kleng-Kappen;} / * Dës Sektioun ass fir eng Paragraph Sektioun * / p {Schrëftstil: kursiv; Schrëftgréisst: 18px;} blo {Faarf: # 0000FF;} / * Dës Sektioun ass fir déi schwaarz Grenz vum Bild. * / img {border-color: # 000000; Grenz: déck; Grenzstil: Gruet;}

# Paste de Code vum "Schrëtt 2" an Notizblock.


  1. 1 Späichert d'Datei am Notepad. Späichert et ënner dem Numm "SimpleCSS.css" andeems Dir op de "Datei" Knäppchen klickt an de Kommando "Späicheren" wielt. Nodeems Dir op de "Späicheren" Knäppchen geklickt hutt, gëtt d'Dialogbox "Späicheren als" ugewisen.
  2. 2 Nennt Är CSS Datei. Gitt "SimpleCSS.css" oder en Numm an der Textbox "Dateinumm" mat enger Extensioun ".css" an.
  3. 3 Klickt op de "Späicheren" Knäppchen.
  4. 4 Et ass fäerdeg!

Tipps

  • Späichert d'Notizblock Datei als Text Nëmmen (heiansdo nennt Dir se Textdokument oder ASCII) a gitt se d'Extensioun ".css".
  • De Code dee mir hei geschriwwen hunn ass just e Beispill fir Iech ze weisen wéi Dir eng Basis CSS Datei erstellt mat Notepad fir seng HTML Elementer an eiser Probe Websäit ze manipuléieren déi an der Aféierung Sektioun ugewise gëtt. Dir kënnt eis CSS Kodéierung awer änneren wéi Dir d'Stiler an d'Erscheinung vun de Websäiten formatéiere wëllt.
  • Denkt drun dat gespäichert CSS Dokument am selwechten Dossier wéi Är HTML Dokumenter ze placéieren wou Dir Är Websäiten erstallt hutt.
  • Nodeems Dir Äert CSS Dokument erstallt hutt, musst Dir vläicht den nächste Schrëtt maachen; dat ass, verbënnt en Dokument an eng Websäit. Kuckt w.e.g. déi verwandte Artikelen fir dëst ze maachen.

Saachen déi Dir braucht

  • Computer
  • Notepad Programm
  • Internet Browser