CSS

プログラミングを勉強中のみなさん、こんにちは！ 今回は、レスポンシブデザインで出現する「謎の右端の余白」の解決方法を紹介します。   レスポンシブデザインで、スマホサイズのコーディングをして ...

Web制作を勉強中のみなさん、こんにちは！ 今回は、レスポンシブデザイン。 ブレイクポイントで改行する方法を御紹介します。   サイト模写でレスポンシブデザインを作成しているとよく見かけます ...

  今回は、ページ内リンクの移動をスムーズにスクロールさせる方法を紹介します。   良く見かけますね。 タイトルをクリックすると、スルスルって流れるように、ページの下の方のセクショ ...

プログラミングを勉強中のみなさん、こんにちは！ 今回は、CSSの　first-child と last-child　について紹介します。 初心者向けのメモ書きとして執筆しておりますので、あしからず。 ...

プログラミングを勉強中のみなさん、こんにちは！ <input>タグに幅を持たせようとして、max-widthを設定したけど、幅が広がならいよ・・・ と困っていませんか？   結論 ...

今回は、flexを使うときの便利なテクニック、「align-items」を紹介します。 以前私がハマってしまったのが、高さが異なる要素を並べたとき、自動で高さがそろってしまったことです。 高さはバラバ ...

プログラミングを勉強中のみなさん、こんにちは！ 今回は、marginの書き方とよく使うmarginのCSSコードを紹介します。   marginは要素の外側の余白です。 余白を適切に使うこと ...

プログラミングを勉強中のみなさん、こんにちは！ CSSで背景画像の設定するにはどうすればいい？ という疑問にお答えします。   background-image: url("ファイルパス") ...

プログラミングを勉強中のみなさん、こんにちは！   今回は、flexの余白設定で使える「gap」について紹介します。   余白というと、margin や padding　などを思い ...

プログラミングを勉強中のみなさん、こんにちは！ 余白を均等に設定したのに、文字が（高さ的に）中央にきてないような・・・・。 と疑問を感じた方へ。 line-height を試してください。 詳しく見て ...