Cum se creează o masă simplă de stil css cu notepad

Notepad - unul dintre editorii de text care pot fi utilizați pentru a crea un document de stil cascadă (CSS). După crearea unui fișier CSS în Notepad, puteți conecta acest fișier cu o pagină web, astfel încât conținutul paginii web să poată forma prin foaia de stil.

Pași

  1. Imaginea intitulată Creați o simplă formă de stil CSS utilizând Notepad Pasul 1
unu. Deschideți programul Notepad.
  • 2. Copiați următorul cod:
  • @charset "UTF-8"-/ * Document CSS * // * Definiți culoarea elementului corpului * / corpul {Fundal: # FFFFFF -} / * Această secțiune este pentru link-uri * / A: link {Font-greutate: Normal- culoare: Navy} A: Visit { Greutate font: Normal - Culoare: Green-} A: Hover {Font-Greutate: Culoare cu caractere aldine: Red-font-varianta: Small-caps -} / * Această secțiune este pentru o secțiune de paragraf * / p {font-stil : Italice-font-dimensiune: 18px-} albastru {Culoare: # 0000ff -} / * Această secțiune este pentru marginea neagră a imaginii.* / img {Border-Color: # 000000 - frontieră: stil gros - stil: Ridge-}

    # Introduceți codul de la"Pasul 2" în notepad.

    Imagine intitulată Creați o simplă formă de stil CSS utilizând Notepad Pasul 2
    1. Imaginea intitulată Creați o simplă formă de stil CSS utilizând Notepad Pasul 3
      unu. Salvați fișierul la Notepad. Salvați-l sub nume "Simplu.Css", apasa butonul "Fişier" și alegerea unei comenzi "Salva". După apăsarea butonului "Salva"Apare o casetă de dialog"Salvează ca".
    2. Imaginea intitulată Creați o simplă formă de stil CSS utilizând Notepad Pasul 4
      2. Numele fișierului dvs. YOUSSS. introduce"Simplu.Css" sau orice nume în câmpul de text "Nume de fișier" Cu extensie".Css".
    3. Imaginea intitulată Creați o foaie de stil CSS simplă utilizând Notepad Pasul 5
      3. apasa butonul "Salva".
    4. Imaginea intitulată Creați o foaie de stil CSS simplă utilizând Notepad Pasul 6
      4. E gata!

    sfaturi

    • Salvați fișierul notepad ca text numai (câteodată ar putea fi numit document text sau ASCII) și dați-i o extensie".Css".
    • Codul pe care l-am scris aici este doar un exemplu pentru a vă arăta cum să creați un fișier de bază CSS utilizând Notepad pentru a controla elementele HTML în exemplul nostru al unei pagini web afișate în secțiunea Introducere. Puteți schimba codarea noastră, totuși, cum doriți să formați stilurile și tipul de pagini web.
    • Nu uitați să plasați un document CSS salvat în același folder ca și documentele HTML în care ați creat pagini web.
    • După ce ați creat creat un document CSS, este posibil să trebuiască să luați următorul pas - există, să asociați un document și pagini web. Revedeți subiectul subiectiv la această problemă pentru a face acest lucru.

    Lucruri de care ai nevoie

    • Calculator
    • Programul Notepad
    • motor de cautare
    Publicații similare