Jak stworzyć prosty arkusz stylów CSS za pomocą Notatnika

Wideo: Własny BLOG #6 - Jak zrobić wiele podstron w jednym pliku HTML?

Zawartość

Kroki
Porady
Rzeczy, których będziesz potrzebować

Notatnik to jeden z edytorów tekstu, których można używać do tworzenia dokumentu kaskadowego arkusza stylów (CSS). Po utworzeniu pliku CSS w Notatniku możesz połączyć ten plik ze stroną internetową, aby zawartość strony internetowej mogła być sformatowana za pomocą arkusza stylów.

Kroki

1 Otwórz program Notatnik.
2Skopiuj następujący kod:

@charset "utf-8"; / * Dokument CSS * // * Zdefiniuj kolor elementu body * / body {background: # FFFFFF;} / * Ta sekcja dotyczy linków * / a: link { grubość czcionki: normalna; kolor: granatowy} a: odwiedzony {font-weight: normal; kolor: zielony;} a: hover {font-weight: bold; kolor czerwony; font-variant: small-caps;} / * Ta sekcja dotyczy sekcji akapitu * / p {font-style: italic; font-size: 18px;} blue {color: # 0000FF;} / * Ta sekcja dotyczy czarnego obramowania obrazu. * / img {border-color: # 000000; obramowanie: grube; styl obramowania: kalenica;}

# Wklej kod z „Kroku 2” do Notatnika.

1 Zapisz plik w Notatniku. Zapisz go pod nazwą „SimpleCSS.css”, klikając przycisk „Plik” i wybierając polecenie „Zapisz”. Po kliknięciu przycisku „Zapisz” zostanie wyświetlone okno dialogowe „Zapisz jako”.
2 Nazwij swój plik CSS. Wpisz „SimpleCSS.css” lub dowolną nazwę w polu tekstowym „Nazwa pliku” z rozszerzeniem „.css”.
3 Kliknij przycisk „Zapisz”.
4 Zrobione!

Porady

Zapisz plik Notatnika jako Tylko tekst (czasami możesz nazwać go Dokumentem tekstowym lub ASCII) i nadaj mu rozszerzenie „.css”.
Kod, który tutaj napisaliśmy, jest tylko przykładem pokazującym, jak utworzyć podstawowy plik CSS za pomocą Notatnika, aby manipulować jego elementami HTML na naszej przykładowej stronie internetowej wyświetlanej w sekcji Wprowadzenie. Możesz jednak zmienić nasze kodowanie CSS, jak chcesz sformatować style i wygląd stron internetowych.
Pamiętaj, aby umieścić zapisany dokument CSS w tym samym folderze, co dokumenty HTML, w którym utworzyłeś swoje strony internetowe.
Po utworzeniu dokumentu CSS może być konieczne wykonanie kolejnego kroku; to znaczy połączyć dokument i stronę internetową. Aby to zrobić, zapoznaj się z powiązanymi artykułami.