ＣＳＳのどの部分を変更するとＨＴＭＬに反映されますか？
無料配布のwebテンプレートをお借りしてＨＰを作成しています
サイドメニュー欄や本文の文字の装飾は結構今までも色々なテンプレートで行ってきましたが
今回お借りしたテンプレではどうしても文字の大きさや太字等の簡単な装飾や<ul>タグにstyle指定し以下の<li>リストの記号が出来ません。
何処を変更すると<font color="****">や<b>や<ul style="***">が反映されるのでしょうか？
cssの記述は
/*ページ全体の指定*/
*{
margin:0;
padding:0;
font:normal normal 100% "ＭＳ ゴシック","Osaka",sans-serif;
border:none;
}
body{
margin:0px;
padding:0px;
font-size:84%;
background:#333333 url("img/bg.gif") repeat-x;
color:#666666;
}
/*ページ全体のリンク指定*/
a{
color:#30B008;
}
/*ページの輪郭*/
#flame{
width: 780px;
margin:0 auto;
}
/*ヘッダ*/
#head{
}
/*サイト名前：ロゴを入れたりしてください*/
#logo{
font-size:300%;
padding:20px 0;
color:#ffffff;
font-family:Arial Black;
}
/*ヘッダメニュー*/
#headmenu{
width:780px;
height:40px;
margin-bottom:10px;
}
#headmenu ul{
width:780px;
list-style:none;
}
#headmenu li{
width:148px;
height:40px;
float:left;
margin-right:10px;
background:url("img/headmenu_a.gif") no-repeat;
}
#headmenu li a{
display:block;
width:113px;
height:27px;
padding:13px 0 0 35px;
text-decoration:none;
color:#000000;
}
#headmenu li a:hover{
background:url("img/headmenu_ah.gif") no-repeat;
}
#headmenu li.rightbox{
margin:0;
}
/*サイドとメインをくくる*/
#centertop{
background:url("img/centertop.gif") no-repeat;
height:10px;
}
#center{
background:url("img/centerbg.gif") repeat-y;
}
#centerbottom{
background:url("img/centerbottom.gif") no-repeat;
height:10px;
}
/*サイドのブロック*/
#box_side{
width: 240px;
float: left;
}
.menu{
width:200px;
margin:20px;
}
h3{
font-weight:bold;
color:#666666;
height:25px;
background:url("img/menutitlebg.gif") no-repeat;
padding:5px 0 0 10px;
}
#box_side ul{
list-style:none;
}
#box_side li{
width:180px;
margin:5px 10px;
}
#box_side li a{
text-decoration:none;
color:#666666;
}
#box_side li a:hover{
color:#000000;
}
/*右のブロック*/
#box_main{
width: 540px;
float: right;
}
/*右のタイトル部分*/
h1,h2{
font-weight:bold;
color:#ffffff;
background:url("img/subtitlebg.gif");
height:25px;
padding:5px 0 0 10px;
}
/*メインの記事の部分*/
.main{
margin:20px 20px 0 20px;
}
/*本文をくる*/
p{
padding:15px 7px;
line-height:150%;
}
です。
HTMLは
（略）
<!--メインのブロック-->
<div id="box_main">
<div class="main">
<h1>H1大見出し</h1>
<p>
<b><font color="red" size="5">有難う</font></b>
</p>
<blockquote>
引用文blockquote引用文blockquote
</blockquote>
</div>
<div class="main">
<h2>H2小見出し</h2>
<p>
P要素P要素
</p>
</div>
</div>
<!--メインのブロック終わり-->
<!--サイドのブロック-->
<div id="box_side">
<div class="menu">
<h3>メニュー</h3>
</div>
<div class="menu">
<h3><center>各種表記</center></h3>
<ul style="disc">
<li><a target="_blank" href="*******"><b>免責事項</b></a></li>
<li><a target="_blank" href="*******"><b>プライバシーポリシー</b></a></li>
<li><a target="_blank" href="*******"><b>特定商取引法に基づく表記</b>/a></li>
<li><a href="#">リンクD</a></li>
</ul>
</div>
です。
メインの<b><font color="red" size="5">有難う</font></b>の部分
サイドの<h3>各種表記</h3>以下に<b>タグと<ul>タグを入れてますが反映されません
初めてのケースですので悩んでます。
今後の為にもこのような場合CSSは何処を変更するのでしょうか？
宜しくお願い致します。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_3_thumbnail_img_sm.png)
