強請るな、勝ち取れ、さすれば与えられん。 HTMLメモ　part.1

HTMLメモ　part.1

　今日調べたHTMLを書いとく。

　css編

　h｛｝で使用

　font-weight: normal;
　└見出し内での文字を普通にする

　margin: 0 10pt 0 5pt;
　└全体の幅で考えた余白の取り方
　　　左から上、右、下、左
　　　3つの場合：上、左右、下
　　　2つの場合：上下、左右
　　　1つの場合：上下左右

　padding: 0 20pt 0;
　└枠線の幅で考えた余白の取り方
　　　表示方法はmarginと同じ

　border-bottom: 1pt dotted #000000;
　└枠線の下方を示す
　　　左から太さ、線の種類、色

　background-image: url('画像');
　└背景画像を示す
　　　カッコ内’重要

　background-repeat: no-repeat;
　└背景画像のリピートの種類を示す
　　　上記はリピート無し
　　　他に
　　　repeat：一面に繰り返す
　　　repeat-x：ｘ軸方向にリピート
　　　repeat-y：y軸方向にリピート

　background-position: left bottom;
　└画像の位置を示す
　　　上記は左下方詰

　HTML編

　<sub>　└文字を下方にもってくる

　<xmp>　└タグをそのまま表示

　<pre>　└打ち込んだままに表示　<br>を打ち込む手間が省けるがこのタグで括った後に改行してしまうのが玉に瑕。

　これしか収穫なし