HTML/CSS– category –

【Flexbox】 できること 並び向きを指定する：縦並び・横並び 折り返しを指定する：折り返しあり・なし 横並び display: flexを使う！ 指定した要素の子要素を横並びにする。 →横並びにしたい要素の親要素にdisplay:flex;を指定する 横並びにした要素を画...

【レスポンシブデザイン】 様々なデバイスや画面サイズに合わせて、コンテンツのレイアウトを調整するためのもの スマホ表示に対応したサイトを作成するには重要。 【メディアクエリ設定】 PC、スマホ、タブレットなど、ブラウザ画面のサイズに応じてCSSの...

【アイコンを使う】 Font Awesomeを使う。 Font Awesome Font Awesomeの使い方 ①Font AwesomeのCSSファイルを読み込む ②<span>タグにfaクラスとfa-アイコン名クラスを指定する(＜span class="fa fa-アイコン"＞＜/span＞) 【行間を指定する】 line-h...

【見出しの要素】 h1~h6要素。h1が一番大きい。改行される。 【段落】 ｐ要素。 paragraph（段落）の略。改行される。 【コメント】 ＜!ｰｰ　ｰｰ＞で囲んだテキストのこと。 コメントに書かれた要素はブラウザに表示されないため、メモとして使用できる。 CS...