◆CSSの使い方◆

学生寮のCSSの使い方について説明します。
CSSには外部CSSと直接書くやり方の2つの方式があります。


外部CSSで設定する方法

自分でWebサイトを持ってる人は外部CSSを作ってサーバにアップロードして使う事ができます。
それでは作り方について説明しましょう。
まずWindowsの「メモ帳」を開きます。そして半角で次のように書きます。

<html>
<head>
<style type="text/css">
<!--
BODY {
    color:black;
    font:9pt "ＭＳ ゴシック";
    background:url('壁紙のURL');
}
TABLE {
    color:black;
    font:9pt "ＭＳ ゴシック";
}
A:VISITED {
    color:red;
    text-decoration:underline;
}
A:LINK {
    color:red;
    text-decoration:underline;
}
A:hover {
    color:deeppink;
    text-decoration:underline;
}
-->
</style>
</head>
</body>
</html>


文字色や文字サイズは好きなように変更してください。

そして次に今使ってるメモ帳の左上のほうに「ファイル」というところがありますね。
そこを左クリックしてその中から「名前を付けて保存」を左クリックします。
「ファイルの種類」の項目は「すべてのファイル」にして下さい。
ファイル名には半角でcss.cssと入力し、保存を左クリックします。
これでcssファイルが出来ました。あとはサーバにアップロードして学生寮の部屋編集画面でURLを設定するだけです。


直接CSSを書く方法

これは非常に簡単で部屋編集画面の追加スタイルのフォームにCSSを直接書き込むだけです。
◆CSSの使い方◆の項目で赤字の部分をコピーしてここに貼り付けて編集するだけで完成です。