材料设计与角材料与CSS框架

时间:2020-11-01 12:53:31

标签: angular angular-material material-design

大约6个月前,我开始开发my first website,主要使用bulma作为css框架,使样式设计变得更加轻松。使用了角材料零部件后,我现在发现了材料设计原理,并且非常喜欢它们。由于网站计划进行“重新设计”,因此我希望以此为整个前端使用材料设计。我在material.io和material.angular.ui上阅读了很多文章,但我必须说,我对于如何将这种设计方法实际用于不包含其组件的“简单”事物感到非常困惑。在bulma中,有一个{s {1}}这样的标题的css选择器,这是我要做的一个不错的标题。

  1. 我如何在材料上实现这些目标?我是否需要引导材料,还是必须编写自己的CSS类?

  2. 有没有一种方法可以定义我的主题一次,并且可以用于材质设计和角形材质?

我基本上很难找到类似bulma的文档。看来我走错了路。如果有人可以提供有关我的问题的不错的博客文章,或者稍微解释一下我真正需要的内容,那就太好了。

非常感谢:)

1 个答案:

答案 0 :(得分:1)

角材料与材料设计基本相同。材质设计是手机和网络的抽象。为Angular实现了Angular材料。因此,如果您使用“角形材料”,那么您将使用“材料设计”。

具有组件的角度材料概念预定义设计,您可以使用非胶囊CSS覆盖样式。

因此,如果您使用<mat-icon>,则可以从此处搜索图标名称:https://material.io/resources/icons/?style=baseline