現在、テンプレートを元にwebサイトを制作中です。そこで、どうしても分からないことがありますので知識をお貸し下さいませんでしょうか。内です。例文ここからーーーーーーーーーーーこんにちは。初めまして。それは凄い事になりましたね。ではこの辺で失礼いたします。ーーーーーーーーーーーここまで現在、この文章の「初めまして」が赤色、「凄い事」の背景に黄を指定している状態です。ソースです。ここからーーーーーーーー ××× こんにちは。初めまして。それは凄い事になりましたね。ではこの辺で失礼いたします。ーーーーーーーーここまでこの赤と黄色を維持しつつ、全体の文字を例えば１６にしたいのです。もう少し言うと、上記のような設定をした文章が何行か有ります。そしてで締められています。良くをいえば、～～の中の文字全てに適応したいです。色々試してみたのですが、一部しか指定できなかったりで全くいうことを聞いてくれません。よろしくお願い致します。

この説明文を見る限りHTML構文も気になりますが、まずHTMLのマークアップが間違っています。 HTMLのマークアップが間違っていると、ブラウザでの表示の際に正しく表示してくれない可能性があります。の中にはできません。やるならば、 A） xxx リスト文もしくは、｢class="post"｣に対しても引っ掛けたい場合は、 B） xxx リスト文になります。説明文を見る限りタグは必要？と思ったので省きました。ちなみに、の中には可能です。( も可能です) あまり現実的ではありませんが、 xxx 〜〜〜〜でも可能です。が、説明文から察するに、この構文は理想ではない気がします。おそらく説明文から察するに(B)だと思うので、やりたいことをふまえると、例えば、 ××× こんにちは。初めまして。それは凄い事になりましたね。ではこの辺で失礼いたします。で、〜内のCSS( 〜 )、もしくは外部読み込みCSSの記述に、 .post li { font-size:16px; } .fbg01 { background-color:#FFFF00; } 特定文字箇所の XXX も何度も指定するのは面倒ですし、あとで、その部分の色を変えたい時に、全ての該当箇所を、ひとつひとつ修正するのもナンセンスなので、例えば、｢.fbg01 { background-color:#FFFF00; }｣とすれば、色を変えたいとき、このCSSの指定色を変更すれば、全ての該当箇所が変更された色に反映します。なお、liとかh3とかその他マークアップに関係なく、全ての文字の大きさを16pxにしたい場合は、 * { font-size:16px; } です。

全体の文字を例えば16にしたいのは、文字サイズを16ピクセルにしたいということでしょうか。～～の中の文字全てに文字サイズ16ピクセルにするサンプルとしまして、 htmlファイルの中の～の中に以下のように記載してみてはどうでしょうか。 li * {font-size:16px;}

急いでいます！

HTMLタグ、文章の装飾やサイズなど

解決済

質問者：roropari
質問日時：2017/09/13 21:38
回答数：2件

現在、テンプレートを元にwebサイトを制作中です。
そこで、どうしても分からないことがありますので知識をお貸し下さいませんでしょうか。

<li>内です。
例文
ここから
ーーーーーーーーーーー
こんにちは。初めまして。それは凄い事になりましたね。ではこの辺で失礼いたします。
ーーーーーーーーーーー
ここまで

現在、この文章の「初めまして」が赤色、「凄い事」の背景に黄を指定している状態です。

ソースです。

ここから
ーーーーーーーー
<ul class="post"><h3>×××</h3>

<li><p>こんにちは。<span style="background-color:#FFFF00;">初めまして。</span>それは<span style="background-color:#FFFF00;">凄い事</span>になりましたね。ではこの辺で失礼いたします。</p>
ーーーーーーーー
ここまで

この赤と黄色を維持しつつ、全体の文字を例えば１６にしたいのです。

もう少し言うと、上記のような設定をした文章が何行か有ります。

そして</li>で締められています。良くをいえば、<li> ～～</li>の中の文字全てに適応したいです。

色々試してみたのですが、一部しか指定できなかったりで全くいうことを聞いてくれません。
よろしくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： MinervaAlice
回答日時：2017/09/14 08:57

この説明文を見る限りHTML構文も気になりますが、まずHTMLのマークアップが間違っています。

HTMLのマークアップが間違っていると、ブラウザでの表示の際に正しく表示してくれない可能性があります。

<ul>の中に<h3>はできません。やるならば、

A）
<h3>xxx</h3>
<ul class="post">
<li>リスト文</li>
</ul>

もしくは、｢class="post"｣に対して<h3>も引っ掛けたい場合は、

B）
<div class="post">
<h3>xxx</h3>
<ul>
<li>リスト文</li>
</ul>
</div>

になります。
説明文を見る限り<p>タグは必要？と思ったので省きました。

ちなみに、<li>の中に<p>は可能です。(<h3>も可能です)
あまり現実的ではありませんが、

<ul class="post">
<li>
<h3>xxx</h3>
<p>〜〜〜〜</p>
</li>
</ul>

でも可能です。が、説明文から察するに、この構文は理想ではない気がします。

おそらく説明文から察するに(B)だと思うので、やりたいことをふまえると、
例えば、

<div class="post">
<h3>×××</h3>
<ul>
<li>こんにちは。<span class="fbg01">初めまして。</span>それは<span class="fbg01">凄い事</span>になりましたね。ではこの辺で失礼いたします。</li>
</ul>
</div>

で、<head>〜</head>内のCSS(<style type="text/css">〜</style>)、もしくは外部読み込みCSSの記述に、

.post li { font-size:16px; }
.fbg01 { background-color:#FFFF00; }

特定文字箇所の<span class="background-color:#FFFF00;">XXX</span>も何度も指定するのは面倒ですし、
あとで、その部分の色を変えたい時に、全ての該当箇所を、ひとつひとつ修正するのもナンセンスなので、
例えば、｢.fbg01 { background-color:#FFFF00; }｣とすれば、色を変えたいとき、このCSSの指定色を変更すれば、
全ての該当箇所が変更された色に反映します。

なお、liとかh3とかその他マークアップに関係なく、全ての文字の大きさを16pxにしたい場合は、

* { font-size:16px; }

です。

- 0
- 件

通報する

この回答へのお礼

ご回答いただいてから、それを元に色々と試行錯誤してみましたが、 CSSなどとのやりとりが理解できていないようで、解決できませんでした。css無しでも試しましたが‥
もう少し勉強してみます。この度はありがとうございました。

通報する

お礼日時：2017/09/17 14:24

No.1

回答者： fji
回答日時：2017/09/14 00:12

全体の文字を例えば16にしたいのは、文字サイズを16ピクセルにしたいということでしょうか。

<li>～～</li>の中の文字全てに文字サイズ16ピクセルにするサンプルとしまして、
htmlファイルの中の<head>～</head>の中に以下のように記載してみてはどうでしょうか。

<head>
<style type="text/css">
li * {font-size:16px;}
</style>
</head>