- 2005-08-17 (水)
- コーディング
コーディングに慣れてきて、CSSの機能を暗記しても、Dreamweaverに頼ったCSS編集をしているとプロパティの省略が無いのでCSSファイルの肥大化などをおこします。（具体的にはパディングとか背景とかですね。）
そんな悩める手打ち予備軍にうってつけ？の、実際にはこれぐらいしか使わないCSSプロパティ一覧表を作ってみました。 自分が一番使いたいってだけなんですけどね。
すばやくコピペして作業効率を上げられるかなと。
こんな付箋がポップアップぽい窓で一発起動できたら便利かもしれません。
Dreamweaverならスニペットにしたほうが、という意見をもらったので検討します。
.タイプ {
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 12px;
font-style: normal;
line-height: 130%;
font-weight: bold;
text-transform: uppercase;
color: #000000;
text-decoration: none;
}
/* イタリック italic */
.背景 {
background-color: #000000;
background: url(../images/index/8gatu_img.gif) repeat-x center bottom;
}
.ブロック {
letter-spacing: 0.05em;
vertical-align: top;
text-align: right;
display: inline;
}
.ボックス {
margin: 1px 0 0 0;
padding: 1px 0 0 0;
clear: both;
float: right;
height: 100px;
width: 700px;
}
.ボーダー {
border: 1px solid #000000;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #000000;
}
/* 点線 dotted */
.リスト {
list-style-image: url(../images/index/kodawari.gif);
list-style-type: none;
}
.位置 {
position: absolute;
left: 50px;
top: 10px;
}
/* 相対的 relative */
- Newer: IE5.xのシェア
- Older: MTの指定日投稿を使うには