CSSレイアウトの基礎

では早速スタイルシート(以下、CSS)をHTMLに適用させましょう。

CSSをHTMLに適用させる方法は、HTMLファイルの<head>内に指定内容を書き加える

<style type="text/css">
<!--
.style1 {color: #FF00FF}
-->
</style>

というように直接書き加えるタイプと、同じく<head>内に

<link rel="stylesheet" href="ファイル名.css" type="text/css" />

とリンクしてCSSが書いてある外部ファイルを読み込むといった方法があります。

CSSを外部ファイルにまとめておく方が、ページ数の多いサイトのレイアウトの管理に便利です。

リンクの貼り方は
<link rel="stylesheet" href="ファイル名.css" type="text/css" />

ファイル名.cssを指定のファイルにするだけです。

但し、ドコモの場合は、外部CSSを読みませんので、当面は携帯サイトについてはHead内に指定する方法を取るしかありません。

NEXT⇒CSSレイアウトの書き方


スタイルシート(css)Menu

cssスタイルシート入門