根据这个：CSS Performance between class and attribute selectors，我想知道哪种方法是使用样式规则快速管理HTML显示渲染的最佳方法。
通过＆＃34;最好的方式＆＃34;，我的意思是最可读/美丽/可接受的。
以下是一个示例：我希望在 x：25％<绝对位置显示<div>元素，如表格 < / strong>和 y：0 。
要做到这一点，我越来越厌烦定义这样的类或id规则：
<div class="sthg"></div>
<style>
.sthg {
position : absolute ;
left : 25% ;
top : 0 ;
display : table ;
}
</style>
即使类允许将一组元素设置为样式化，这种方式对于布局我们的HTML看起来太具体了。
我想知道哪种方式是最聪明的＆＃34;之间：
使用默认的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>
我知道这看起来很棘手，但目标是在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>