我在一个项目(个人网页设计框架)上使用 SCSS/COMPASS,并且正在考虑这种模块化代码的方式是否会影响性能。
我想这样做,以便我可以在一个 .scss 文件中设置我的排版,并在另一个 .scss 文件中设置我的位置(对于这个元素和其他元素)。这将使我能够将我的美学与定位分开。适合我更喜欢思考的方式,特别是如果网站变得更大。问题是这样做,我现在在不同的地方多次选择相同的元素。
这种技术会在任何网站流量级别引起问题(页面加载速度等)吗?
这是代码,我有我的字体样式属性和我的定位属性:
<header class="header">
<h1>Title</h1>
</header>
拆分如下:
header h1 {
text-shadow: 1px 1px 1px #000;
color: navy;
font-weight: normal;
font-size: 1em;
}
.header h1 {
margin: 0 0 9.5% 0;
text-align: center;
}