Question

当我写一个段落时，我希望文本看起来像这样：

alt text http://img6.imageshack.us/img6/9894/fullscreencapture282010.jpg

这是我在css必须做的事情吗？我想要类似的格式。

Answer 1

你可以通过几种不同的风格来做到这一点：

CSS：

 .level0 { font-weight: normal; }
 .level1 { font-weight: bold; }
 .level2 { font-weight: bold; font-size: 1.1em; }
 .level3 { font-weight: bold; font-size: 1.2em; }
 //etc...

HTML：

<div>
  <a href="#" class="level0">Tag1</a> 
  <a href="#" class="level3">Tag2</a>
  //etc..
</div>

当您在服务器端渲染该部分时，只需插入适当的级别编号以粘贴您的答案，例如：前3名获得level10，接下来3名获得level9，依此类推...只是某些算法看起来不错。

Answer 2

对于类似的内容，指定了最小和最大字体大小，然后范围与术语相关联（对最重要的不太重要）。将术语写入页面时，您可以组合这些值以获得实际的字体大小，介于最小和最大大小之间。

最终输出看起来像这样：

<ul id='tags'>
   <li style="font-size: 12px"><a href="/tags/normal-term">Normal Term</a></li>
   <li style="font-size: 8px"><a href="/tags/small-term">Small Term</a></li>
   ....
</ul>

然后CSS看起来像这样：

#tags { line-height: 16px /* Max font size */ }
#lags li { display: inline; margin-right: 10px}

应用不同风格的文字

2 个答案: