这个图的效果怎么写比较好

图片说明
1 上面这个图的首字母大写怎么实现的
2 整体用什么结构写比较好。是一个个div写吗?有没有什么好的写法思路
3
h2- b-文字 -/b-/h2 (html标签) 这个我用选择器 h2{ color ...;font-size....}为什文字不能继承效果

1.自己写一个方法实现.没其他办法

2.不用一个个的div ,可以都使用p标签 ,一个一行,加上class 配置样式

3.不能继承效果,能继承的属性相当有限,可以参考菜鸟教程
http://www.runoob.com/

用html5之类的语言都可以

附赠首字符大写方法一个,还有其他问题可以补充

 var str = 'zxxx';
function toUpperFirst(str){
    if(97<=str.charCodeAt()<=122){
        str =String.fromCharCode(str.charCodeAt(0)-32)+ str.substring(1)
    }
    return str;
}
console.log(toUpperFirst(str));