スタイルシートやJavaスクリプトなどは、別のファイルに書いてそれを呼び出すような方法があります。
複数のページのデザインを統一したり、一括してデザインを変えたりできます。
HTMLもすっきりして、見やすくなって更新も少し楽になるかも?
スタイルシートの外部ファイル
必要なスタイルシートを書いて、ファイル名は「○○ ( 半角英数字 ).css」とします。
このスタイルシートを使うHTMLファイルの</title>〜</head>に、以下のタグを入れます。
|
<link rel=stylesheet type=text/css href=【外部ファイル名】>
|
以下はスタイルシートの書き方の例です。
今私が使っているものだったりしますがw
body,td,input,select{font-size:9pt;font-family:MS UI Gothic,Osaka}
a{color:#0066ff;text-decoration:none}
a:hover{color:#ffffff;background-color:#0066ff}
a:hover.link1{background:none;text-decoration:none}
img{border-style:none}
hr{height:1px;color:#aaa;border-style:dotted}
|
全体の文字の装飾は「body」、セル内もなら「td」、フォーム ( プルダウン以外 ) もなら「input」、
プルダウンもなら「select」を使います。
リンクの指定は、リンク用スタイルシートと同じ書き方です。
特定のリンクだけの指定も同じで、名前を付け足して<a href=〜>内に「class=○」を入れます。
リンクを貼った画像にはそのままだと枠がつきます。
「img{border-style:none}」のタグで、リンク画像の枠をなくすようにしています。
「hr」は区切り線のスタイルです。
このスタイルシートを使うページでは、<hr>と書くだけで全部このデザインになります。
あえて装飾のない区切り線を使いたいときは不便ですがw
その他にも、テーブルのスタイルシートなども使えます。
Javaスクリプトの外部ファイル
必要なスクリプトを書いて、ファイル名は「○○ ( 半角英数字 ).js」とします。
呼び出し方はスクリプトによって違うので、借りてきたスクリプトの場合は説明などを参考にして下さい。
「HTMLタグ」のトップに戻る
|
|
|