2019-01-01から1年間の記事一覧
よくあるサイトデザインの1つ、ページ一番上の横並びメニューの書き方例です。 こういうの 横並びナビゲーション 今回の横並びはflexboxを使っています。 まずhtml <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>flex-box</title> <link rel="stylesheet" type="text/css" href="css/reset.css"> </link></meta></meta></head></html>
研修生から相談のあった書き方をメモしておきます。 formにボタンを作り、選んだボタンによって違うページに遷移したいケースを想定しています。 consoleのエラーですぐわかる記述ミス 要素の後に読み込む対処例 htmlのload後に要素を取得する対処例 ボタン…
レスポンシブ対応のサイトにするときのfont-size関連の書き方。 html に基本の倍率を10px として設定し、bodyで全体を14や16pxになるようにします。 この場合は1.4remで14px （ついでによく使うfont-familyとline-heightもメモ） html { font-size: 62.5%; /…
こちらの記事を参考に、よく使うCSSを残しておきます。 coliss.com /* https://coliss.com/articles/build-websites/operation/css/a-modern-css-reset.html */ *, *::before, *::after { box-sizing: border-box; } ul[class], ol[class] { padding: 0; } u…
