применяя изменяемый стиль текста

Question

когда я пишу абзац, я бы хотел, чтобы текст выглядел так:

альтернативный текст 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}