2009/06/23
Q＆A形式で学ぶHTML,CSS講座 VOL 44
■------------------------------------------------------------------------
ホームページ作成 いまさらHTML,CSS講座【Q＆A形式で学ぶHTML,CSS講座】
■------------------------------------------------------------------------
■ VOL 44
--------------------------------------------------------------------------
ご購読ありがとう御座います。
--------------------------------------------------------------------------
当メールマガジンでは、ホームページ作成において、必要な知識や、HTML、CSSを
Q＆A形式で学ぶ事が出来ます。
■スタイルシート編
--------------------------------------------------------------------------
■ フォントを装飾するスタイルシート
--------------------------------------------------------------------------
fontプロパティを用いることで、太字、斜体、フォントサイズなど、フォントを
装飾することができます。
参考URL
http://homepagelecture.web.fc2.com/imasara_html/bold.htm
Q1
<b>ABCDEFG</b>
上記はb要素を用いてテキストを太字で表示しています。
これを、スタイルシートでほぼ同じ表示になるように、「span要素」を用いて
テキストに指定して下さい。
<span style="">ABCDEFG</span>
Q2
<i>ABCDEFG</i>
上記はi要素を用いてテキストを斜体で表示しています。
これを、スタイルシートでほぼ同じ表示になるように、「span要素」を用いて
テキストに指定して下さい。
Q3
<font size="3">ABCDEFG</font>
上記はfont要素を用いてテキストを3のサイズで表示しています。
これをスタイルシートで、「16px」の表示になるように、「span要素」を用いて
テキストに指定して下さい。
Q4
フォントに関するプロパティは、まとめて指定することができます。
Q1、Q2、Q3の指定を「div要素」に適用するように、head要素で指定を行って下さい。
Q1：太字表示
Q2：斜体表示
Q3：16pxのフォントサイズ
--------------------------------------------------------------------------
以下、答えになります。
A1
<span style="font-weight:bold;">ABCDEFG</span>
A2
<span style="font-style:italic;">ABCDEFG</span>
A3
<span style="font-size:16px;">ABCDEFG</span>
A4
<style type="text/css">
<!--
div{font:bold italic 16px;}
-->
</style>
今回は以上です。
次回は テキストを装飾するスタイルシート についてQ＆Aを作成する予定です。
お疲れ様でした。
最後までお読み頂き、ありがとう御座います。
本講座は、「いまさらHTML,CSS講座」をベースに作成しています。
先に進みたい方は、以下URLをご参照下さい。
いまさらHTML,CSS講座
http://homepagelecture.web.fc2.com/
RSS
http://homepagelecture.web.fc2.com/index.xml
写真ブログを始めました。
EOS 40D と LUMIX DMC LX3
http://eos40ddmclx3.blogspot.com/
RSS
http://eos40ddmclx3.blogspot.com/rss.xml
Photograph of HCM Pro
http://hcm-pro.blogspot.com/
RSS
http://hcm-pro.blogspot.com/rss.xml
