Jak utworzyć prosty stół w stylu css z notatnikiem

Notatnik - jeden z redaktorów tekstu, które można wykorzystać do utworzenia dokumentu kaskadowego arkusza (CSS). Po utworzeniu pliku CSS w notatniku można podłączyć ten plik za pomocą strony internetowej, dzięki czemu zawartość strony internetowej może formatować za pomocą arkusza stylów.

Kroki

  1. Obraz zatytułowany Utwórz prosty arkusz stylów CSS za pomocą Notatnika Krok 1
jeden. Otwórz program notatnika.
  • 2. Skopiuj następujący kod:
  • @charset "UTF-8"-/ * Dokument CSS * // * Zdefiniuj kolor elementu ciała * / Body {Tło: # FFFFFF -} / * Ta sekcja służy do linków * / A: Link {Waga czcionki: Normal- Color: Marynarka} A: Odwiedzone { Waga czcionki: normalny kolor: Green-} A: Hover {Waga czcionki: Bold- Kolor: Red-Font-Variant: Małe czapki -} / * Ta sekcja służy do sekcji akapitowej * / p {styl czcionki : Italic- Rozmiar czcionki: 18px-} Blue {Color: # 0000ff -} / * Ta sekcja dotyczy czarnej granicy obrazu.* / IMG {Color-Color: # 000000- Granica: Gruby-Border-Style: Ridge-}

    # Wstaw kod z"Krok 2" w notatniku.

    Obraz zatytułowany Utwórz prosty arkusz stylów CSS za pomocą Notatnika Krok 2
    1. Obraz zatytułowany Utwórz prosty arkusz stylów CSS za pomocą Notatnika Krok 3
      jeden. Zapisz plik do notatnika. Zapisz go pod nazwą "SimpleChss.CSS", naciśnij przycisk "Plik" i wybierając polecenie "Zapisać". Po naciśnięciu przycisku "Zapisać"Pojawi się okno dialogowe"Zapisz jako".
    2. Obraz zatytułowany Utwórz prosty arkusz stylów CSS za pomocą Notatnika Krok 4
      2. Nazwa pliku YourCSSS. Wchodzić"SimpleChss.CSS" lub dowolna nazwa w polu tekstowym "Nazwa pliku" Z rozszerzeniem".CSS".
    3. Obraz zatytułowany Utwórz prosty arkusz stylów CSS za pomocą Notatnika Krok 5
      3. naciśnij przycisk "Zapisać".
    4. Obraz zatytułowany Utwórz prosty arkusz stylów CSS za pomocą Notatnika Krok 6
      cztery. Zrobione!

    Rada

    • Zapisz plik notatnika jako tekst tylko (czasami można go nazwać dokument tekstowy lub ASCII) i daj mu przedłużenie".CSS".
    • Kod, napisaliśmy tutaj, jest to tylko przykład, aby pokazać, jak utworzyć plik podstawowy CSS za pomocą Notatnika do sterowania elementami HTML w naszym przykładzie strony internetowej wyświetlanej w sekcji Wprowadzenie. Możesz jednak zmienić kodowanie OasCSS, jak chcesz sformatować style i typ stron internetowych.
    • Nie zapomnij umieszczenia zapisanego dokumentu CSS w tym samym folderze, co dokumenty HTML, w których utworzyłeś strony internetowe.
    • Po utworzeniu utworzonego dokumentu CSS możesz zrobić następny krok - jest, aby skojarzyć dokumenty i strony internetowe. Przejrzyj subiektywny przedmiot do tego problemu, aby to zrobić.

    Rzeczy, których potrzebujesz

    • Komputer
    • Program Notepad
    • przeglądarka internetowa
    Podobne publikacje