原因は正確に理解できなかったけど、リンク箇所なのに指カーソルが出てくれないことがあったので。 そんな時は cursor: pointer;

:first-child または :first-of-type 一番最初の子要素を指定:last-child または :last-of-type 一番最後の子要素を指定 :nth-child(n) または :nth-of-type(n) 何(n)番目の子要素を指定 それぞれの : の前にはpやaが入ります。

よく忘れるので。 答えは、display:blockを指定する

これ、意外と全然わかってなかったけど、ちゃんと理解すればシンプルな話だった。 スマホ対応とかするにあたって、うまく使いこなそう。 子要素の場合 要素の中にある特定の要素に対してスタイルを設定する場合には、「子セレクター」を利用します。書式 子…

テキストによるボタンを作っていて、上手くボタンの大きさが揃わなかった。 これ見て、親要素を揃えることで上手くできた。

これもちょこちょこ忘れるので。   ⇒ 無視・改行されない空白（スペースキーの半角スペースと同じ広さ）  ⇒ 「 」より少し広い空白スペース  ⇒ 「 」より広い空白スペース  ⇒ 「 」より狭い空白スペース

これまた固定ページにコーディングしてる時に気づく。 画像パスが相対パスでは上手く表示されない。 調べたら、functions.php に記述が必要だったらしい。 画像は「メディア」を使ってアップロードしてもいんだけど（画像パスが分かるので）、でも同じ画像で…

固定ページでコードを書いてたら、<img>が余計な<p>に挟まれていた。書いてないのに。 調べたら、デフォルトで自動付与されてしまうらしい。 でも、ちゃんと無効化の方法もあったので助かりました。 （ちなみに、別サイトでは固定ページだけでなく投稿とかにも無効化</p>…

https://www.profuture.co.jp/mk/column/23267

他にもたくさんのサイトで紹介されてるけど、たまたまこのサイトを見て実装したので。 ここのCSSには書かれてなかったけど、個人的に実装するにあたっては、z-index で最前列にする処理を加えました。 あと、設置位置もpxだけでなく、%も使った。

よく見かける、-webkit 。 意味がよくわかってなかったけど、センタリングを調べる過程でこういう事らしいってのがわかった。 これならなんとなくでも意味を覚えておける。 （今回は使用しなかったけど） // text-align：center;を使用したCSSこれはテキスト…

文字にしても画像にしても、大体は text-align: center; margin: 0 auto; でなんとかなってしまうんだけど、地味に、、、 アイコン（アイキャッチ）［スペース］タイトルテキスト が上手くセンターにできなかった。 でも、ここを見たら、 フレックスボックス…