WEBサイト制作で調べたことのメモ
投稿日：
ちょっとした装飾をしたいときに使えるコードを探していたときの備忘録。
2016年の記事なので少し古め。
コピペで実装できる、最新ウェブテクHTML/CSSコードスニペット40個まとめ
http://photoshopvip.net/89320
2019年版、こちらはおなじみ「サルワカ」さんのサイト。
CSSのコピペだけ！おしゃれな見出しのデザイン例まとめ68選
https://saruwakakun.com/html-css/reference/h-design
2018年版
コピペでできる！cssとhtmlのみで作る購入ステップや手順説明などで使えるステップフロー表示 10選
https://copypet.jp/2167/
本サイトの内容に誤りや不正確な記述がある場合やサンプルに基づくいかなる結果も一切の責任を負いかねますので、あらかじめご了承ください。
執筆者：kobato
関連記事
サイトを構築していて、特定のh2だけにクラスを指定して、見た目を変えたいときにどのように設定すればいいのか、わからなかったので調べてみた。 誤： .article h2 .title 正： .arti …
このページのもくじ 画像を右寄せにする方法右寄せにする手順 画像を右寄せにする方法 デフォルトは左寄せになっています。 右寄せにする手順 （１）画像をブロック要素として囲む。 ブロ …
このページのもくじ 画像の上に文字を重ねる囲んだ要素の高さがなくなる！ 画像の上に文字を重ねる 配置した画像の上に文字を重ねたいとき、CSSだけでできちゃいます！ 下になるアイテムに「position …
最小の高さだけ決めて、 あとはdivなどの要素の高さに応じて高さを可変にできる指定方法。 CSSで下記のように指定します。
|
1 2 3 |
min-height: 80px; height: auto !important; height: 80px; |
I …
floatの解除方法はいくつかありますが、 clearfixを使う方法が１番使い勝手がよいのでメモ。 floatを設定すると、要素が浮くことになり、 高さが消失してしまいます。 きちんとfloatを解 …
2020/02/16
WordPress★サイトをコピーしてテスト環境をつくる手順【プラグインなし】
2020/02/15
CPIシェアードサーバーでWordPressが文字化けしたときの対処法
2020/02/11
WordPress★Contact Form 7 で隠しフィールドを設定する
2020/02/06
WordPress★TwitterとInstagramをサイトに表示させる
