ブログのスタイルシートに関する質問です。当方はFC2のブログを利用しており、記事の中で強調したい箇所には色と強調文字を併用して表現しています。
使用例:<span style="color:red"><strong>コメント</strong></span>
そこで毎回このような使い方をしていると面倒ですし、SEO的にも好ましくないと聞いたので記事の中では<strong>タグだけを使用し、色指定はスタイルシートで行いたいと考えてます。
その際、<strong>タグを使った時、自動的に赤文字で表示されるようなスタイルシートの入力方法はどんな感じにすればいいのでしょうか?また、それはスタイルシートの、どの部分に入力してあげればいいのでしょうか?
No.2ベストアンサー
- 回答日時:
cssで
strong {font-weight:bold; color:#ff0000;} としておけばどうですか?
こうしておけば<strong>タグを使ったところは太文字で赤色の文字になります。
No.1
- 回答日時:
HTML部分では
<span class="text_red"><strong>コメント</strong></span>
という様にclass属性に変えます。
そして、スタイルシートの方で
.text_red {
color:#FF0000;
}
とすると、テキストが赤文字に変わります。
また、フォントサイズを変えたい場合は
.text_red {
color:#FF0000;
font-size:13px;
}
などの様に表記すれば、変わります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
- HTML・CSS サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/h 2 2022/10/28 22:55
- gooブログ ブログの記事を書きだしのみに表示したい 1 2022/06/25 19:11
- FC2ブログ FC2ブログで文字を小さくしたいです。小さくする方法を教えてください。 1 2023/08/26 00:46
- その他(ブログ) テレグラムをブログに埋め込むことはできますか? 1 2022/06/04 11:20
- gooブログ gooブログへのコメント投稿について 1 2023/05/21 03:52
- その他(プログラミング・Web制作) ワードプレスのプラグインであるAddQuicktagを使いたいが… 3 2022/04/18 15:03
- WordPress(ワードプレス) Wordpressの記事URLを自由に決めたい 3 2022/06/02 12:05
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
OutlookやExcelで色が付かない
-
マウスポインタを乗せた時色を...
-
Thunderbirdで返信の引用文が改...
-
ワードのヘッダーの文字について
-
ライブドアブログで、本文上の...
-
レポート2000字程度なら何文字...
-
テプラの文字を大きくしたいで...
-
印刷物の文字数の目安
-
大学のレポート A4で1枚レポー...
-
つぶれた文字
-
thの/thとtdの/tdが見当たりま...
-
2KB~4KBって何文字ですか?
-
ホームページビルダー/EXCELの...
-
アメブロ 新デザインのCSS編集...
-
Wordでのレポート、文字数行数...
-
写真(JPG)に縁取り文字を書く方...
-
ランキングバナー2つを 横に...
-
livedoorブログの本文でタグが...
-
「Andoroidスマホ、Gmailで 文...
-
大学の講義が始まり、講義後に...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ワードのヘッダーの文字について
-
Thunderbirdで返信の引用文が改...
-
アメブロ 文字の色を変更したい。
-
明るい場所でのプレゼン。スラ...
-
薄く明るく柔らかいオレンジ系...
-
文字色を変更した後元の文字色...
-
とあるカラーコード比較サイト...
-
OutlookやExcelで色が付かない
-
アメブロでサイドバーの文字色...
-
エキサイトブログで 文字や文...
-
DATAGRIDで行ごとに文字の色を...
-
ペントミノのパズルが有ってそ...
-
ブログのフォント
-
Wordpress cocoon での附箋や枠...
-
CSSの質問です。1行にある「●...
-
Seesaaブログでリンクの色を使...
-
あぶり出し
-
FC2のコメント欄で文字の色の変...
-
Google Chrome拡張機能stylusで...
-
BBSに書き込みをする時文字...
おすすめ情報