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
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.
- 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. Nazwa pliku YourCSSS. Wchodzić"SimpleChss.CSS" lub dowolna nazwa w polu tekstowym "Nazwa pliku" Z rozszerzeniem".CSS".
- 3. naciśnij przycisk "Zapisać".
- 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