>>2　ご丁寧にありがとうございました。
教えていただいたCSSを書き足してタグを使ってみたのですがうまくいきませんでした…。

改めてどのCSSが干渉しているのか調べようと、小説ページのCSSにホームページ全体のCSSを1つずつ入力して様子を見たら、結果>>1と全く同じCSSを入力しても<b>タグが使えました。結局、根本的な原因はわかりませんでしたが、万が一同じようなことでお困りの方がいた時のために残しておきます。

>>2さん、URLとリスト項目の件もご丁寧に回答くださりありがとうございました。また一つCSSとhtmlについて勉強になりました。

>>1のcssでは太字にする効果を打ち消すようなcssは見受けられません(素人目ですが……)

ので、下記を付け足してみるとか…?

> strong,b{font-weight:bold;}

あるいは

> css━━━ .bold{font-weight:bold;}
> html━━━ <span class="bold"></span>

参考:



相談内容とは関係ないのですが

> list-style-type
はリスト項目のあるコンテンツで必要になるプロパティなので、やるんだったら

> ul,ol,li{list-style-type: none;}
かな?と思います

CSS設定をなしにしたら太字に出来ました。
つまり私が設定しているCSSで、何か太字に出来ないようになっているのかと思うのですが、わかりません。
お借りしたテンプレをいじっていたので、その際何か余計なことをしてしまったのかな…とも思っています。
↓設定しているCSSです。こちらを編集することで太字可能であれば教えていただきたいです。

*{/*全ての要素*/
margin: 0;
padding: 0;
font-size: 100%;
list-style-type: none;
box-sizing: border-box;
}
body{/*body要素*/
color: #444;
background: #f7f7f7;
line-height: 1.6;
font-size: 12px;
font-family: 'Assistant', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
word-break: break-all;
text-align: justify;
}
a{/*リンク*/
color: #8e8b82;
}
article{
margin: 40px auto;
max-width: 600px;
}
.header,footer{/*ヘッダーとフッター*/
font-size: 16px;
width: 100%;
max-width: 100;
padding: 22px 10px 15px 10px;
color: #444;
background: #fff;
text-align:center;
box-shadow: 6px 5px 8px rgba(0,0,0,0.1);
}
.header{/*ヘッダー*/
margin: -40px 0 40px 0;
}
footer{/*フッター*/
padding: 22px 10px 35px 1
0px;
margin: 0 auto;
max-width: 600px;
}