zblog模板制作的时候,文章内容区各种H标签是必须单独书写属性的,比如最重要的H2、H3、H4、H5,甚至H1最好也要写上,不少主题用户偶尔可能会在文章中使用H1。
今天就来分享下上图所示的H标签CSS:
<divclass="article-content"> <p><h1>h1-zblogPHP插件-缩略图IMAGE</h1></p> <p><h2>h2-zblogPHP插件-缩略图IMAGE</h2></p> <p><h3>h3-zblogPHP插件-缩略图IMAGEIMAGE</h3></p> <p><h4>h4-zblogPHP插件-缩略图IMAGEIMAGE</h4></p> </div>
CSS:
.article-contenth1,.article-contenth2,.article-contenth3,.article-contenth4,.article-contenth5{ padding:10px0; margin-bottom:10px; color:#333; font-weight:bold; border-bottom:1pxsolid#eaeaea; border-left:2pxsolid#0073c6; padding-left:12px; } .article-contenth1{ font-size:24px; font-weight:bold; margin:20px0; } .article-contenth2{ font-size:18px; font-weight:bold; margin:16px0; } .article-contenth3{ font-size:16px; } .article-contenth4{ font-size:15px; } .article-contenth5{ font-size:14px; }
H标签对于SEO优化,以及用户体验来说都是非常重要的,所以H标签的CSS必须书写!