css Flexboxベンダープレフィックス
Flexbox よく使うベンダープレフィックスまとめコピペ用flexboxdisplay: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;flex-
しろあん
css 
WordPress 固定ページをフロントページに設定したらエラーになってしまう
wordpressのサイトをコーポレートサイト仕様にするため固定ページでトップページを設定し「表示設定」の「ホームページの表示」から作成したものをフロントページに設定しようとするとエラーになってしまいましたいろいろなサイトを調べてみるとつま
css 横幅いっぱいの背景画像を縦横比を保ったままレスポンシブ対応
HTML<div class="box"></div> ← 背景を設定するボックスCSS.box{width:100%;height:0;padding-top:〇〇%; /* 画像の高さ÷幅×100*/background-size:co
css 横に並んだ画像とテキストを縦中央に揃える
見出しの前にアイコンを付ける時とか用①display:table-cellを使うHTML<div class="content"> <p><img src=""></p> <p>テキストテキスト</p></div>CSSdiv.conten
css マウスオーバーでふわっとさせるcss
cssa{ transition : all 0.3s ease 0s;}a:hover{ opacity:0.7;}これでリンク部分は0.3秒かけてふわっと自然に半透明になる最後の0sは始まるまでの時間（この場合はすぐに）easeは動き方
css レスポンシブデザインでPCとスマホで表示出し分け
レスポンシブデザインでデスクトップのみに表示したいものとスマホのみに表示したいものをわけるためデスクトップとモバイル表示切り替え用のCSSこれでclass="pc"をつけたものはデスクトップ（769px以上）のみ表示class="sm"をつ
css レスポンシブ対応のシンプルな２列のテーブル
会社概要やお問い合わせフォームでよくあるシンプルな２列のテーブルレスポンシブ版細かな違いはあるものの基本はほぼ同じHTMLのためまとめHTML<table><tr> <th>会社名</th> <td>〇〇〇〇〇</td></tr><tr>
css ページ内リンクでジャンプした先の上部分に少し余白をつけたいとき
ページ内リンクでジャンプした先の見え方がギリギリになってしまったり半分隠れることも（特にヘッダーを固定しているとき）もう少し上の方で止まってくれたら…そんなときHTML<a id="midashi" name="midashi">見出し</
css cssスタイル優先順位の計算
スタイルの詳細度を計算するときの数値style属性…1000id…100class…10疑似クラス…10疑似要素…1要素…1全称セレクタ（*）…0※しかしclassセレクタが10個あったとしても100点にはならないつまりidの100を超える