CSS スタイルシート備忘録 基本編 : そばを楽しもう♪ - 通販・出前専門 そば屋の日常~仕事まで -

基本的な備忘録です ^^;

まとめて記述(ショートハンド)

まとめる前↓

.test{
    margin-top:10px;
    margin-bottom:20px;
    margin-left:10px;
    margin-right:0px;
}

まとめると↓

.test{
    margin:10px 0px 20px 10px;/*左から順に 上、右、下、左*/
}

上下、左右に同じ値があるときは↓

margin:10px;/*上下左右*/
margin:10px 20px;/*上下、左右*/
margin:10px 20px 30px;/*上、左右、下*/

他にもリストやクラス・IDでもまとめることができますね。
fontの場合もまとめられますね。

font: 40pt "Times New Roman", "Grande", Lucida, Trebuchet MS;

みたいな感じかな。。

あと、この間も書きましたが、
IEの表示がおかしいときに、部分的に修正する方法として↓

/*for IE6 */
* html #header {
margin-bottom: 0px;
}

/*for IE7 */
*:first-child+html #header {
margin-bottom: 5px;
}

IE6のときは、html のあとに修正する箇所の記述。
IE7のときは、first-child+htmlのあとに修正する箇所の記述。

さて、備忘録はこのへんにしておいて
昔からある定番の煎餅で餃子せんべいっていうのあるんですけど、
実は大の好物です 笑

にんにくがバリっときいてて美味しいですねえ。
小さい頃からの好物です 笑


posted by そば富泉

Categories: その他

IE(インターネットエクスプローラー)バージョン8以下でご覧の場合、
コメント投稿欄表示に時間がかかる場合がございます

コメント(Facebook・Twitter・WordPressアカウントでもコメントできます)

  • このブログの記事を検索する

  • アーカイブ

  • ソーシャル