HTML/CSS tips
忘れがちなHTMLタグやCSSのプロパティなどをメモ程度に載せています。
便利なCSSの使い方
preタグ
スペース、改行などをそのまま表示する
フォントの装飾
font-family 字体
font-size 大きさ
font-weight 太さ
font-style スタイル
font-size 大きさ
font-weight 太さ
font-style スタイル
テキストの装飾
text-align 行揃え
text-decoration 下線の装飾
letter-spacing 字間
line-height 行間
vertical-align 縦方向の揃え
text-indent 段落の先頭を字下げする
word-spacing 単語の間隔
white-space スペース・タブ・改行の表示の仕方を指定する
text-transform 大文字表示・小文字表示を指定する
text-decoration 下線の装飾
letter-spacing 字間
line-height 行間
vertical-align 縦方向の揃え
text-indent 段落の先頭を字下げする
word-spacing 単語の間隔
white-space スペース・タブ・改行の表示の仕方を指定する
text-transform 大文字表示・小文字表示を指定する
table-layout
テーブル(表)の表示方法を指定する
word-wrap
単語の途中で改行するかどうかを指定する
html特殊文字
< <
> >
& &
" "
> >
& &
" "
非推奨タグ
<b>タグ,<font>タグ,<center>タグなど
aタグの書く順番
a:link
a:visited
a:hover
a:active
a:visited
a:hover
a:active
WEB関連のキーワード(調べておこう)
サーチエンジンスパム、
ショートハンドプロパティの順序
指定が2つの場合は[上下],[左右]の順になる
border-width: 1px,2px;
指定が3つの場合は[上],[左右],[下]の順になる
border-width: 1px,2px,3px;
指定が4つの場合は[上],[右],[下],[左]の順になる
border-width: 1px,2px,3px,4px;
border-width: 1px,2px;
指定が3つの場合は[上],[左右],[下]の順になる
border-width: 1px,2px,3px;
指定が4つの場合は[上],[右],[下],[左]の順になる
border-width: 1px,2px,3px,4px;
ブロックレベル要素
p, div, ul, h1〜h6など
インライン要素
a, img, em, span, brなど