「ブランドアイコンを使う場合」を追記しました。「リンクの後ろにアイコンをつける」を追記しました。今回は『CSSを使って見出しなどに画像やアイコンつける方法』についてご紹介します。確かにCSSを使わくてもできるけど毎回アイコンや画像を入れるのは面倒だよね。CSSを使えば「ここにはこのアイコンを付けてね」って指定できるから毎回入れる必要がなくて楽なんだよ!それに『擬似要素』は色んなところで使うから覚えておくといいかも!CSSで設定しておけば見出しやボックスなどにつけることはできます。※こちらの記事でCSSの基本的な書き方などを説明していますので参考にしてください。『CSSを書く場所』のそれぞれにCSSを使う場合のメリット・デメリットを追記しました。最後にスポンサーリンク擬似要素度を使う文字などの頭に画像やアイコンフォントを表示させるためには擬似要素を使います。擬似要素とは「擬似要素ってなに?」という人も多いと思います。疑似要素Pseudo-elementsはセレクターに付加するキーワードで、選択された要素の特定の部分にスタイル付けできるようにするものです。MDN「擬似要素(Pseudo-Element)」より引用スタイルシートは以下のように書かれます。}h1がセレクタです。}擬似要素はセレクタにつけるキーワード(位置)のことです。beforeとafter擬似要素でよく使われるのはbeforeとafterです。beforeはセレクタで指定したタグの前、afterはセレクタの後ろ(終わり)に挿入されるものです。