それではスタイルシートのテストをしましょう。

　<body>タグには，バックグラウンドカラーとして淡い黄色が，改行幅として 130% が設定してあります。

　最初の「段落−1」では，テキストの色を深緑色で表示することと，改行幅を 180% に設定した<p>タグによって記述されています。

段落−1
　Perl は C言語 を手本にして作られたインタプリタ型のプログラミング言語で，特にテキスト検索やテキスト整形の処理を得意としています。インタプリタ型ですのでコンパイルなどの処理を行う必要がなく，プログラムの作成や開発を簡単に行うことができます。もともとは UNIX (Linux) 上で開発利用されたのですが，現在では Windows など多くの OS 上で使用できるようになっています。


　次の「段落−2」は，背景に「いちじくの葉」の画像を表示するように設定した <p class="leaf">タグによって記述されています。テキストの色と改行幅は指定していませんが，<p>タグで設定した深緑色と 180% になっていることに注目してください。

段落−2
　Perl は C言語 を手本にして作られたインタプリタ型のプログラミング言語で，特にテキスト検索やテキスト整形の処理を得意としています。インタプリタ型ですのでコンパイルなどの処理を行う必要がなく，プログラムの作成や開発を簡単に行うことができます。もともとは UNIX (Linux) 上で開発利用されたのですが，現在では Windows など多くの OS 上で使用できるようになっています。


　最後の「段落−3」は，背景を空色に，テキストの色を赤に設定した <p class="red">タグによって記述されています。改行幅は <p>タグで設定した値になっています。途中の「インタプリタ型」というところは，インラインでスタイルシートを適用していますが，このようにインラインで適用した方が優先されます。

段落−3
　Perl は C言語 を手本にして作られたインタプリタ型のプログラミング言語で，特にテキスト検索やテキスト整形の処理を得意としています。インタプリタ型ですのでコンパイルなどの処理を行う必要がなく，プログラムの作成や開発を簡単に行うことができます。もともとは UNIX (Linux) 上で開発利用されたのですが，現在では Windows など多くの OS 上で使用できるようになっています。



戻る