0

限られたcssの知識で何かを作りました。ここにあります。

http://cssdesk.com/jEh8f

最終製品はこれに似ているはずです。 http://www.solomid.net/guides.php?g=15768-paintballreturns-fya-umashi-jax-build-guide (マスタリー セクション)

相対とマージンで配置を行いました。これは悪い習慣ですか？もっとうまくできるでしょうか？

すべての単一のボックスには次の css が含まれているため、何かを大幅に改善/簡素化できると思います。

    #box-1 {
    float: left;
    position: relative;
    width: 56px;
    height: 56px;
    background-image:url('http://www.solomid.net/guide/masteries/511.png');top center no-repeat;
    margin-top: 15px;
    margin-left: 5%;
    }

Ps。ところで、そのようなスタイリングの経験について、あなたが提案できるウェブ上のチュートリアル/ガイドはありますか?

4

1 に答える 1

0

私は実際にこれを推奨される方法と呼んでいます。他に選択肢がない場合を除き、私はどうしても絶対配置を避ける傾向があります。クロスブラウザーで発生する問題は気にしません。マージンは非常に便利です。

CSS チュートリアルに関しては、Google の推奨スタイル ガイド ( http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml ) を参照するのが好きです。

于 2013-01-05T16:21:23.097 に答える