css

book-and-pen

【CSS】アンダーラインの引き方をご紹介 テキストがグッときわ立ちます

今回はCSSでアンダーライン(下線)の引き方をご紹介します。   さっぱりわからない人はサクッと覚えてしまいましょう。 いつも同じ方法でコーディングしている人はバリエーションを増やしましょう ...

file

相対パスの階層をしっかりおさえよう CSSや画像の読み込みエラーの原因になります

WEB制作の初学者の方でハマりすいのがファイルの階層です。 えらそうなことを言っている私もハマった1人です。   絶対パスや相対パスについてはわかっている人も多いと思うので、 そこは省略しま ...

number

【CSS】grid で並べた要素の順番を変える方法 CSSでorderを設定しよう

Web制作を勉強中のみなさん、こんにちは。 今回は、grid で並べた要素の順番を変える方法を紹介します。   gridで横並びにした要素があるとします。 その要素をスマホサイズで縦並びにす ...

fonts

【CSS】Google Fonts の使い方をご紹介 Web制作には欠かせません

今回は、Google Fonts の使い方を紹介します。 それほど難しくありませんが、私が初めて使用した時、少しわかりづらかったので、 初心者さん向けに手順を紹介していきます。   Goog ...

art

【CSS】ヘッダーを固定したら、メニューが左寄せになってしまった! を解決します 

プログラミングを勉強中のみなさん、こんにちは! 今回は、ヘッダーを固定したら、メニューが左寄せになってしまった! というエラーの解決方法を紹介します。 とっても簡単ですので、是非参考にしてください。 ...

pointer

【CSS】ボタンのhoverアニメーションが効かない!を解決します  

プログラミングを勉強中のみなさん、こんにちは! 今回は、「ボタンのhoverアニメーションが効かない!」を解決します。 送信ボタンをつくるとき、多くのみなさんがCSSでhoverを設定すると思います。 ...

a-tag

【CSS】HTMLで作った<a>タグの文字色を変えない方法

<a>タグでリンクを作ったら文字の色が黒じゃない。 しかも下線までついてる。 文字は黒でいいし、下線もいらない。 とお困りの方へ解決方法をサクッとご紹介します。   からくり な ...

last

【CSS】うまく活用しよう first-child と last-child

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

flex-align-items

【CSS】flexで高さがバラバラのまま要素をならべたい align-itemsをマスターしよう

2022/12/28    , , , , ,

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

pcdesk

【CSS】marginの表記方法 これでもう迷わない スッキリしたコーディングへ

プログラミングを勉強中のみなさん、こんにちは! 今回は、marginの表記方法について紹介します。 初心者向けのメモ書き程度として執筆しておりますので、あしからず。 それでは見ていきましょう。 目次 ...

© 2023 サカらいふ Powered by AFFINGER5