这更像是一个一般性的最佳实践问题,而不是一个非常集中的问题。我是字体速记的忠实粉丝,因为它解决了我在使用 font-family、font-size 等时遇到的大部分行高问题,并且它确实减少了 CSS 声明的总数,同时提供对排版的完全控制。
问题是,随着页面的字体大小发生变化,行高也会发生变化,所以我发现自己多次重新定义字体,如下所示:
.lastUnit h2 {font:normal 23px/23px Calibri,Tahoma,sans-serif;color:#a51d21;padding: 21px 0 15px 70px;}
.lastUnit a:link, .lastUnit a:visited {color:#a57129;font:normal 16px/16px Calibri,Tahoma,sans-serif;}
h1 {font: normal 26px/26px Calibri,Tahoma,sans-serif;border-bottom:2px dotted #bababa;color:#204fe7;padding-bottom: 8px;margin-bottom: 8px;}
h2 {font: normal 22px/22px Calibri,Tahoma,sans-serif;color: #a41d21;margin-bottom:12px;padding-bottom: 12px;}
.internal h2 {border-bottom: 2px dotted #62c6c7;}h2.section {font:normal 20px/16px Calibri,Tahoma,sans-serif;color:#1d7373;border:0;margin: 0 0 15px 0;padding-bottom:12px;border-bottom:2px dotted #62c7c8;clear:both;height:18px;text-transform:uppercase;}
ul,ol,p {font:normal 16px/24px Calibri,Tahoma,serif;}
h3 {font: normal 18px/18px Calibri,Tahoma,sans-serif;color:#204fe7;margin:6px 0;}
我有一种强烈的感觉,这段代码没有优化......我正在考虑在我的身体上声明字体系列(或在标记中非常高的 id 上),所以我不必每次都重复它,但是那么我将不得不使用 font-family、line-height 和有时 font-weight.. 这使得 CSS 的数量几乎相同。
有什么想法或技巧可以优化这个过程吗?也许标记中的其他类?
ps:对于 Stackoverflow 管理员:这将是“编码风格”标签的问题,但不允许使用它..