0

Blueprint CSS を使用して、プレゼンテーションとコンテンツを適切なレベルで分離することは可能ですか? フォームをデザインするときにフレームワークが使いやすいのは気に入っていますが、要素を列化するために css クラスを使用する方法が悪い習慣ではないかと心配しています。

たとえば、設計図を使用して設計された 3 つのフィールド フォームがあるとします。

<div class="container">
    <form action="" method="post" class="inline">               
        <fieldset> 
            <legend>Example</legend> 
            <div class="span-3"> 
                <label for="a">Label A:</label> 
                <input type="text" class="text" id="a" name="a" > 
            </div> 
            <div class="span-2"> 
                <label for="b">Label B:</label> 
                <input type="text" class="text" id="b" name="b" > 
            </div> 
            <div class="span-3"> 
                <label for="o">Label O:</label> 
                <input type="checkbox" id="o" name="o" value="true" checked="checked" class="checkbox">checkbox one
            </div> 
            <div class="span-2 last"> 
                <input type="submit" value="submit" class="button"> 
            </div> 
        </fieldset> 
    </form> 
</div>

「span-2」、「inline」、「last」などの名前のクラス属性を使用するのは悪い習慣ですか? それとも私は要点を逃していますか？

アップデート

これについては、コンテンツとプレゼンテーションの分離に関する神話で詳しく説明されています。

4

2 に答える 2

1

それは悪い習慣だと思います。マークアップに直接適用される、より意味のあるクラス名とIDを考え出し、それらにやなどの「使用」を持たせる必要がspan-2ありlastます。これは、ブループリントを使用して実行できますcompress.rb。

それを使用することの詳細はここで見つけることができます：http：//jdclayton.com/blueprints_compress_a_walkthrough.html

特にあなたが話していることに、あなたは「semantic_classes」の部分に注意を払うべきです。

于 2010-04-19T19:43:46.317 に答える
1

私はあなたが要点を逃していると言うでしょう。これらの要素のスタイルを設定する場合は、関係なくクラスまたはIDを指定する必要があります。また、一貫性が保たれている限り、命名規則は意味のあるものになる可能性があります。あなたのクラスの名前について不平を言うのが好きな人は、一般的にあまり良いデザイナーではありません。

于 2010-04-19T19:48:11.647 に答える