Monkey Talk CSSファイルの作り方

Monkey Talk

猿話的雑記帳

PAGE LINK 89 88 87 84 85 116 115 114 113 112 111

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2024/11/23 (Sat) [Entry URL]

CSSファイルの作り方

テキストエディタツール等で
事前にCSSファイルを作っておけば
統一感のあるHPの作成や
HTMLファイル毎での指定を簡略化できます。

HTMLファイルにCSSファイルを読みこませるには
読みこませたいHTMLファイルの
<head>から</head>間に

と記述する

サンプルソース
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－


a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
a:hover {color:#リンクに触れたときに変わる色; text-decoration:none;}

BODY{
color: #文字色の指定;
background-color: #背景色の指定;
}

H1{
color: #見だし１部分色指定;
}
H2{
color: #見だし２部分色指定;
}
H3{
color: #見だし３部分色指定;
}

TH{
color: #テーブル見出しの文字色;
background-color: #テーブル見出しの背景色;
}
TD{
color: #テーブル文字色;
background-color: #テーブル背景色;
}

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
作成した後は
ファイル名.css　の拡張子を付けて保存するだけです

余談：この作業結構はまります。