メモ帳を使用して簡単なCSSスタイルシートを作成する方法

ビデオ: WAOLet’sCode 入門01 HTML入門 ~メモ帳だけで作るwebページ!!~ 解説動画

コンテンツ

ステップ
チップ
必要なもの

メモ帳は、カスケードスタイルシート（CSS）ドキュメントの作成に使用できるテキストエディタの1つです。メモ帳でCSSファイルを作成した後、そのファイルをWebページにリンクして、Webページのコンテンツをスタイルシートでフォーマットできるようにすることができます。

ステップ

1 メモ帳プログラムを開きます。
2次のコードをコピーします。

@charset "utf-8"; / * CSSドキュメント * // * body要素の色を定義します * / body {background：＃FFFFFF;} / *このセクションはリンク用です * / a：link { font-weight：通常;色：ネイビー} a：訪問済み{font-weight：normal;色：緑;} a：ホバー{フォント-太さ：太字;赤色; font-variant：small-caps;} / *このセクションは段落セクション用です * / p {font-style：italic; font-size：18px;} blue {color：＃0000FF;} / *このセクションは画像の黒い境界線用です。 * / img {border-color：＃000000;ボーダー：太い;ボーダースタイル：リッジ;}

＃「ステップ2」のコードをメモ帳に貼り付けます。

1 ファイルをメモ帳に保存します。 「ファイル」ボタンをクリックし、「保存」コマンドを選択して、「SimpleCSS.css」という名前で保存します。「保存」ボタンをクリックすると、「名前を付けて保存」ダイアログボックスが表示されます。
2 CSSファイルに名前を付けます。 「SimpleCSS.css」または「ファイル名」テキストボックスに「.css」拡張子の付いた任意の名前を入力します。
3 「保存」ボタンをクリックします。
4 されております！

チップ

メモ帳ファイルをテキストのみ（テキストドキュメントまたはASCIIと呼ぶこともあります）として保存し、拡張子「.css」を付けます。
ここで記述したコードは、メモ帳を使用して基本的なCSSファイルを作成し、「はじめに」セクションに表示されるサンプルWebページのHTML要素を操作する方法を示す単なる例です。 CSSコーディングは変更できますが、Webページのスタイルと外観をどのようにフォーマットするかを変更できます。
保存したCSSドキュメントは、Webページを作成したHTMLドキュメントと同じフォルダーに配置することを忘れないでください。
CSSドキュメントを作成したら、次の手順を実行する必要がある場合があります。つまり、ドキュメントとWebページをリンクします。これを行うには、関連記事を参照してください。