用户登录

不同的浏览器都有自己的一些默认的样式,我们可以统一的为所有的浏览器设置一下它们的默认的样式 .. 在核心库里的 normalize 就是这种样式 ..

现在要想使用 Semantic UI 提供的 reset 去替代一下核心的 normalize .. 在核心目录下搜索一下这个样式表的名字 .. 你可以找到定义这个库的地方 ..

它是在 core.libraries 里面定义的 . 级别是 base ... 再复制一下这个样式表的位置 .. 打开自己主题的 info 文件 ..

在 libraries-override 里面,覆盖一下 .. 要覆盖的是 core/normalize .. css .. base .. 把样式表的位置粘贴过来 .. 对应的选项设置成 false ..

然后再打开自定义模块的 libraries ... 在这里去定义一个新的库 .. 名字是 ui.reset .. 添加一个 css .. 级别是 base .. 文件的位置是在 semantic .. dist .. components 下面,文件的名字是 reset.css ..

再找一个地方去用一下它 .. 打开模块文件 .. 在 page_attachments_alter 这个 hook 里附加一下刚才定义的 ui.reset 这个库 . 这样所有的页面都会用到这个库 ..

重建缓存 ..

再去预览一下 .. 你会发现之前看到的 normalize.css 已经不见了 .. 我们用自己的 reset.css 替换了一下它 ..

0:00
0:00
0:00
1:30
0:00
0:00
1:14
0:00
0:00

重置浏览器样式《 Drupal:自定义界面 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点