追加しておくと便利なCSS

ウェブサイトに欠かせないものになっているCSS。そのCSSに追加しておくと便利な物を紹介してみようと思います。

行揃え

左寄せだとか右寄せだとか中央表示などのあれです。このような感じで追加しておくと手打ちの時もわかりやすいです。

.left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}

回り込みとその解除

いわゆるフロート関係。

.floatLeft {
float: left;
}
.floatRight {
float: right;
}
.clear {
clear: both;
}

テキスト装飾

太字、斜体、打ち消し線、アンダーラインなどなど。

.b {
font-weight: bold;
}
.i {
font-weight: italic;
}
.s {
text-docoration: line-through;
}
.u {
text-decoration: underline;
}

おまけ

ナニに使うかはあえていいませんｗ

.hidden {
color: #000;
cursor: default;
text-decoration: none;
}

スポンサード・リンク