html 外联 变 内联,内联HTML与外部CSS效率/最佳实践

在个人项目的网页上工作，并提出有关HTML内联样式或使用外部CSS文件的效率或当前标准的问题。基本上，我将会有一些不同的页面，其中包含一系列符合此模式的文本块：

带下划线

粗体部分：正常字体粗细的一堆数字

粗体部分：正常字体粗细的一堆数字

等

粗体部分：正常字体粗细的一堆数字

每个页面将在页面上重复该类型的文本块100-500次。我想知道如果我用HTML内联每个块的样式或者使用CSS会更好是否会产生任何影响。即：

Underline

Bold: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10

Bold: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10

etc

VS

div .underline { font-decoration: underline;

display: inline; }

div .bold { font-weight: bold;

display: inline; }

Underline

Bold: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10

Bold: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10

etc

这些方法中的任何一种方法比其他方法更有效吗？我确定根据我的项目规模不重要，但我很好奇是不是一遍又一遍地重复b和u标签或者使用div和而是改为。这两种方法在世界上比其他方法更常被接受吗？谢谢！