HTML/CSS使用通用样式规则的最佳方式
根据这一点，我想知道哪种方法是使用样式规则快速管理HTML显示呈现的最佳方法 我所说的“最佳方式”是指最具可读性/最美丽/最可接受的方式 下面是一个示例：我希望HTML/CSS使用通用样式规则的最佳方式,html,css,Html,Css,根据这一点，我想知道哪种方法是使用样式规则快速管理HTML显示呈现的最佳方法 我所说的“最佳方式”是指最具可读性/最美丽/最可接受的方式 下面是一个示例：我希望元素像表一样显示在绝对位置中的x:25%和y:0 为了做到这一点，我越来越厌倦了这样定义类或id规则： <div class="sthg"></div> <style> .sthg { position : absolute ; left : 25% ;
<div class="sthg"></div>
<style>
.sthg {
position : absolute ;
left : 25% ;
top : 0 ;
display : table ;
}
</style>
.sthg{
位置：绝对位置；
左：25%；
排名：0；
显示：表格；
}
- 使用默认HTML/CSS（如前所述）
- 使用泛型类：
<div class="table abs x1-4 y0"></div> - 使用通用属性：
<div tabled abs x="1/4" y="0"></div><tabled abs x="1/4" y="0"></tabled> - 使用具有常规属性的新定义标记：
<div tabled abs x="1/4" y="0"></div><tabled abs x="1/4" y="0"></tabled>
全文如下：
我知道这看起来很棘手，但目标是在HTML中提供更多信息并减轻CSS。因此，您不需要阅读CSS来了解元素的位置。HTML必须用于管理布局，CSS必须用于管理样式 以下是一个具体的例子：
<body abs full>
<tabled abs x="1/10" y="1/4" w="128" h="128"><cell>
<div inline w="64">This is centered content with generic CSS.</div>
</cell></tabled>
</body>
这是以通用CSS为中心的内容。
abs位置：绝对？为每个CSS规则创建一个类似乎不合逻辑。我自己对@Interrobang观察的表述是：HTML用于内容，CSS用于表示，JavaScript用于行为（尽管没有提到JavaScript）@Interrobang&@yitwail:这是真的。但是，我仍然认为这会很有趣，因为它看起来像是推特引导方式（class=“span4”
或class=“row”
）和通用样式规则。“因此，您不需要阅读CSS来理解元素的定位方式。”–但需要了解您自己发明的新伪属性或伪元素名称的含义吗？不用了，谢谢。您的“具体示例”将许多布局信息放入HTML中，IMHO–不必这样做，您可以首先使用内联样式。（这仍然很糟糕，但另一个人看着它至少会立刻明白它们的意思。）