|
|
<STYLE>・・・・・スタイルシートを記述する
<STYLE>タグはスタイルシートを記述するためのタグです。 スタイルシートを利用する際には、<LINK>タグで拡張子が .css の外部スタイルシートファイルを読み込む方法と、 <HEAD>〜</HEAD>内に<STYLE>タグを用いてスタイルシートを記述する方法と、 各タグにstyle属性の値としてスタイルを指定する方法があります。 <STYLE>タグを用いてスタイルシートを記述する際には、 スタイルシート全体を<!-- -->でコメントにします。これは、スタイルシートに対応していないブラウザで、 スタイルシートがそのままテキストとして表示されることを避けるためです。 ■使用例HTMLソース<html><head> <title>文書のタイトル</title> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- body {font-size: 14px;} p {font-size: 14px;} div {font-size: 14px;} td {font-size: 80%;} td.aka {font-size: 120%; color:#ff0000; font-weight:bold;} a {text-decoration: none } a:link {color: #0000ff } a:visited {color: #800080 } a:hover {color: #ff0000; text-decoration: underline; background-color: #ffcc00 } a:active {color: #0000ff } a.nasi:hover {background-color:transparent } --> </style> </head> <body> 文書の本体 </body> </html> ■HTML5情報
<style> …… スタイルシートを記述する
|
|