Chrome CSSハック @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { #selector { background: red […]
tableの作り方、まとめ方、CSSセット Tableコーディングが苦手な自分のメモ用に作ってみました。(2021/12/09更新) ■要点メモ1 ・th：Table Header…テーブルのヘッダーの事 ・tr：Table Row…thやtdを格納する要素。 ・ […]
SCSSの使い方（コンパイル） SCSSファイルのコピー DreamWeaverで新規作成→SCSS→作成 作成後、ローカルのどこでもいいので一度保存する ツール→コンパイル(F9)を押す cssファイルが生成される
ワードプレスに勝手に追加される謎のbr改行と対策 ワードプレスによっては意図しないbrタグが付く事があります。 ぶっちゃけ、どうしようもありません。 対策としてはcssでbrに対してdisplay:none;で消すのが一番てっとり早いです。 br {display:no […]
スマホ実機を使ってのChromeソースコードの確認・編集方法 この方法はAndroidのGoogleChromeブラウザ用の確認になります。 iPhoneでの確認は別の方法になります。（尚、AndroidのFirefoxやSafariで確認方法は分からない） ①：Androidの「 […]
marginとpaddingの違い marginは要素全てに対して余白できるのに対して、paddingは一部のborderの内側に余白ができます。 もう１つ、大きな違いに、marginはautoが使えますが、paddingは使えません。 なので、margi […]
html5宣言とmeta色々、favicon等のサイズについて コピペで使うhtml文 <!DOCTYPE html> <html lang=”ja”> <head prefix=”og: http://ogp.me/ […]
URLに半角スペースが存在する URLに半角スペースが存在する時には「%20」とつけるらしいです。 でも通常のリンクでhttpの前に半角があってもリンク自体は正常にされるみたいです。 <a href=” http://xxxxxxxx […]
LightBoxみたいにテキストをクリックしたらポップアップみたいなのが出てくるアレ あれのことを「モーダルウィンドウ」というらしいです。 実装方法は下記サイトを参照 https://myscreate.com/pure-modal/ https://qiita.com/okauend/items/9b4 […]
