個人サイトを作ろうとするスレ

Top / 詳細

個人サイトを作ろうとするスレ

2022年03月14日

170

なんでも

# サブカル

コメントする

146. 名無しのおっちゃん

2022年04月08日 01時01分 ID:7cd8bbf71a （1/3） ID抽出返信

読んどるでぇ～

147. 名無しのおっちゃん

2022年04月08日 01時27分 ID:7cd8bbf71a （2/3） ID抽出返信

そろそろclassというものを使ったほうがいいかも。
今はタグの中にstyle=を書いていると思うけれど、タグにclassをいう名前を付けて、その名前に対してstyleを適用させるんだ。
そうすると日記のような同じレイアウトを繰り返す場合に毎回styleを書かなくていいし、後でやっぱり文字色変えたいな～とかなったときに一括変更できるよ。

<div style="background-color:black;">
背景　黒　にしたい
</div>
<div style="background-color:red;">
背景　赤　にしたい
</div>
<div style="background-color:black;">
背景　黒　にしたい
</div>

↑これを↓に書き換えても同じ表示になる

<div class="kuro">
背景　黒　にしたい
</div>
<div class="aka">
背景　赤　にしたい
</div>
<div class="kuro">
背景　黒　にしたい
</div>

<style>
.kuro{
background-color:black;
}
.aka{
background-color:red;
}
</style>

1件の返信

148. 名無しのおっちゃん

2022年04月08日 01時30分 ID:7cd8bbf71a （3/3） ID抽出返信

広告鬱陶しいけどここがわかりやすいかな。
https://www.sejuku.net/blog/56996

classって何？CSSと組み合わせて使う方法を徹底解説 | 侍エンジニアブログ
https://www.sejuku.net/blog/56996
この記事では「 classって何？CSSと組み合わせて使う方法を徹底解説」といった内容について、誰でも理解できるように解説します。この記事を読めば、あなたの悩みが解決するだけじゃなく、新たな気付きも発見できることでしょう。お悩みの方はぜひご一読ください。

classって何？CSSと組み合わせて使う方法を徹底解説 | 侍エンジニアブログ
https://www.sejuku.net/blog/56996

この記事では「 classって何？CSSと組み合わせて使う方法を徹底解説」といった内容について、誰でも理解できるように解説します。この記事を読めば、あなたの悩みが解決するだけじゃなく、新たな気付きも発見できることでしょう。お悩みの方はぜひご一読ください。

リロード

コメントを投稿する

・リンク、画像、動画等を貼りたい場合は、本文中にURLを記載してください。
画像のアップローダーはImgurなどが比較的おすすめです。

・リロードボタンを押すとコメント欄に入力中の文字も更新されて消えます。書き直しにならないよう注意してください。

・トリップ機能に対応しています。トリップ機能を使用する場合は、名前の後に半角の#を入力して任意の文字列を記入してください。