HTML/CSSコース

HTML/CSSコース

C-10. 画像の配置

画像の配置方法を知っておこう画像の位置を指定する方法 <img src="画像ファイル" alt="">の利用実行して記載内容を確認しよう。 ブラウザ実行結果 background: url(画像ファイル)で、CSSに設定する方法を知ってお...
HTML/CSSコース

C-9. フレックスボックス

display:flexについて知っておきましょうある要素に定義するだけで、その直下の要素が並列になるスタイルです。親要素にdisplay: flex;指定するだけです。作成して記述内容を確認してみましょう!ブラウザでの表示結果フレックスボ...
HTML/CSSコース

C-8. 擬似要素、擬似クラス

::beforeと::afterの設定方法を知っておこう「:before」や「:after」は特定の要素の前と後に擬似的なスタイルを挿入することができます。実行して違いを確認しておきましょう。疑似要素には、いくつかパターンがあります。MDN...
HTML/CSSコース

C-7. 属性セレクターを使う

セレクターについて知っておこう基本のセレクター指定されたclass属性やid属性を持つ要素を選択します。(C-2. CSS スタイルの継承)参考 属性セレクター リンクを挿入する際に使用するaタグの場合、href属性で「遷移するURLの情報...