sit in a circle and chat happily

コード:コピペ用

投稿日:2021-10-15
更新日:2022-03-24
HTML・CSS

HTML:基本構造の土台になるコード

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>

</body>
</html>

HTML:色付け

<span style="color:#32cd32" class="has-inline-color">

CSS:親要素を超える画像を自動縮小する定義

画像のはみ出しを制御する

img {
  max-width: 100%;
  height: auto;
}

CSS:img要素の定番定義

「はみ出た画像を縮小する」「画像下の隙間をなくす」は定番の定義

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

CSS:文書回り込み(float)

文書回り込み(float)のデザインが出てきたら、HTMLでclass名を振る前に
先にCSSで記述をしておく

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  text-align: center;
}
カテゴリー