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 回答