入力フォームを作ろう

ほったらかし!のアフィリエイトで、月60万の不労所得を得てみませんか??

ホームページは難しくない  ちょこっとHTML  Lesson10

<style type="text/css"> 〜 </style>

スタイルシートとは 簡単に言うと ホームページのレイアウトを担当する技術にあたります。

スタイルシート という言葉は ホームページを作る上で よく耳にする言葉になりましたね。
HTMLを勉強していく上で どうしても このスタイルシートのお話もからんできますし、
ホームページビルダーでも 簡単に設定できるようになっていますね。

 

■ HTMLとスタイルシート

 

HTMLは本来 見出しがどうだとか 段落はどうなって リストがあって 画像があって・・・
という感じで 文章の理論的な構造を表す言語として扱われています。 

でも 時代の流れと共に 色とか フォントサイズとか テーブルを使ったレイアウトなど 
見栄えの要素も加わってきて そういったこともHTMLで 指定されるようになりました

そこで  構造に関する指定と 見栄えに関する指定は別にしようという考えから
生まれたのが この スタイルシートです。

 

■ スタイルシートの設定方法

 

スタイルシートの設定方法には 大きく分けて3つの方法があります。
3つ同時に設定することも可能ですが、より限定的に 詳細に設定されている
スタイルシートが優先されるようになっています。

1、 タグに直接スタイルシートを設定する方法
2、 HTML文章にスタイルシートを設定する方法
3、 外部スタイルシートを読み込ませて設定する方法

 

1、 タグに直接スタイルシートを設定する

 

これは HTML文章内の 特定のタグに対してスタイルシートを設定します。
部分的にスタイルシートを設定するときは これを使います。

 

2、 HTML文章にスタイルシートを設定する方法

 

HTML文章の <head> 〜 </head> 内にスタイルシートを設定します。
これは 記述したページ内だけで有効になりますので、ページ毎に設定を
変えたいという場合は この方法を使います。

 

3、 外部スタイルシートを読み込ませて設定する方法

 

HTML文章とは別に スタイルシートだけのファイルを別に作って
link のタグを使ってページに読み込ませる方法です。

これは サイト全体の設定を一度に設定することができますので、
サイト全体の雰囲気を統一させることができます。

 

スタイルシートがどんなものか だいたい理解できましたか?

 

ホームページは難しくない  ちょこっとHTML  Lesson10

当ホームページは リンクフリーです! 
Copyright (C) 2006. mamoho. All Rights Reserved.
掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます。