WEBサイト制作で調べたことのメモ
投稿日：
|
1 2 3 4 5 |
img{ width:100%; max-width:100%; height:auto; } |
＜参照サイト＞
レスポンシブの画像問題を解決する簡単な方法
http://sole-color-blog.com/blog/php/72/
執筆者：kobato
関連記事
<ol>や<ul>といった箇条書きを指定した場合、リストマーカや番号の左側に大きな隙間ができてしまう。 ここは、CSSで何も指定していなくても、ブラウザが気を利かせてある程度の …
リストの表示で、奇数の li 要素にだけ効くCSS設定をしたかったので、調べてみた。 奇数番目の要素にスタイルを適用する
|
1 2 3 |
<span style="font-size: 130%;">li:nth-child(odd){ background: #ff8080; }</span> |
…
cssのメモ。 このページのもくじ 丸形の作り方円形の中央に文字を置くやり方★その２ 丸形の作り方 基本的な方法は、 （１）div 要素で囲った範囲の上下左右のサイズを指定する（height, wid …
あるサイトの更新で、日付を打ち消し線で消して、次の行に新しく正しい日付を掲載するよう修正してほしいとの要望がありました。 打ち消し線は、cssでスタイルをもたせてやればスグにできます。 …
今からレスポンシブサイトを作る時のメディアクエリとブレイクポイント【2017年度版】
新しくサイトを作ることになった。 もちろん、レスポンシブ対応で。 そこで改めて、ブレイクポイントを考えてみことにした。 Googleでは「モバイルファースト」を推奨している。さらに「モバイルファースト …
2019/12/02
WordPress★テーマフォルダの画像を呼び出すときの画像リンクパスを短くする
2019/11/29
WordPress★Gutenberg 投稿ページでテンプレートを使えるようにする
2019/11/29
WordPress★Gutenbergにカスタムブロックをつくる 1
2019/11/27
CSS ★ inline-blockで横並びにした要素を上揃えにする
2019/11/27