※ ChatGPTを利用し、要約された質問です（原文：外部CSS使用で異なる大きさの文字を使いたい）
外部CSS使用で異なる大きさの文字を使いたい
このQ&Aのポイント
外部CSSを使用して個別に文字の大きさを変えることができません。
文字の大きさを変更する方法について教えてください。
本文とタイトルの文字の大きさを個別に変えたいです。
はじめまして。
素材サイトからDLしたテンプレートなのですが、外部CSSにより文字の大きさが固定されており、個別に大きさを変えたいのですが変更できずに困っています。
CSS初心者で、ソースを見てもいまいちわかりません。
どこを変更すればよいかお教え願えないでしょうか。
変更したいページのソースはこちらになります。
<body id="main">
更新日<br>
<h3>テキスト</h3>
<ul class="submenu01">
<li><a href="text.html" target="right">TITLE01</a>
</ul>
<h3>テキスト2</h3>
<ul class="submenu02">
<li>TITLE02
<li><a href="text.html" target="right">1</a>
</ul>
</body>
TITLE01、02の下に小さく説明文を入れたいのですが、文字の大きさを変えることができません。更新日、という文字も小さくしたいのです。
外部CSSのソースはこちらです。
body {
height:100%;
font-size : 90%;
line-height : 180%;
color : #666666;
text-align : center;
background-color :#ffffff ;
font-family : Verdana, Chicago, osaka, sans-serif, "ＭＳ Ｐゴシック";
}
img {
border : 0;
}
br {
letter-spacing : normal;
}
a {
color : #666666;
text-decoration : none;
}
a:hover {
color : #000000;
}
h3 {
font-size : 150%;
color : #000000;
padding: 10px 0 0 0;
}
/* メイン */
body#main {
width : 200px;
text-align : left;
background-color :#FDDED9;
margin: 0 10px 0 20px;
}
#main ul{
padding: 10px 0 0 0;
}
/* テキストページ*/
ul.submenu02 li{
display: inline;
padding : 0 3px 0 0;
}
bodyタグのサイズを変更すると全体が変更されてしまうし、いっそ小さくした文字を<h4>のようなものを新しく書き足して囲ってみたのですが反映されません。
どうぞよろしくお願いします。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_1_thumbnail_img_sm.png)
お礼
ご回答ありがとうございます！ お返事が遅くなってしまい大変失礼しました。 教えていただいたspanで文字を小さくすることができました！ ただ、コンテンツの下に説明文を入れると行間が開いたままなので説明文、というよりは コンテンツが小文字大文字で交互に並んでる、という風になってしまい どこに配置しようかな～という状況です（苦笑） でもおかげで大きさの変更をすることができました！ ありがとうございました！