css
タイトルのままですが、マウスをのっけると上下にふわふわ動く日本国旗です。 こんな感じ html <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>floating</title> <link href="https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap" rel="stylesheet"> </link></meta></meta></head></html>
よくあるサイトデザインの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>
レスポンシブ対応のサイトにするときの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…
