📜  Materialize-css教程

📅  最后修改于: 2021-01-07 00:38:17             🧑  作者: Mango

实现CSS教程

Materialise CSS教程提供了Materialise CSS的基本和高级概念。我们的Materialise CSS教程专为初学者和专业人士设计。

Materialize CSS是由Google设计的UI组件库。

我们的Materialise CSS教程包含了Materialize CSS的所有主题,例如什么是Materialize CSS,介绍,安装,颜色,网格,表格,按钮,媒体,阴影,徽章,卡片,芯片,页脚,表单,图标,导航栏,分页,寻呼机,下拉菜单,对话框,标签等。

什么是实现CSS

Materialize CSS是使用CSS,JavaScript和HTML创建的UI组件库。它是由Google创建和设计的。 Materialize CSS也被称为Material Design。它是一种设计语言,结合了成功设计的经典原理以及创新和技术。 Google的目标是开发一种设计系统,以在任何平台上为其所有产品提供统一的用户体验。

它用于构建吸引人,一致且功能正常的网页和Web应用程序,同时遵循现代Web设计原则,例如浏览器可移植性,设备独立性和正常降级。

Materialize CSS的功能

  • 它是具有最小占用空间的标准CSS。
  • 内置响应式设计
  • 它是免费使用,需要的jQuery JavaScript库函数。
  • 它是跨浏览器的,兼容的,可用于创建可重用的Web组件。
  • 它包含增强的专业功能,例如卡片,标签,导航栏,吐司等。
  • 它提供了新版本的通用用户界面控件,例如按钮,复选框和文本字段,均适应了材料设计概念。

响应式设计

Materialize具有内置的响应式设计,因此使用Materialize创建的网站将根据设备尺寸重新设计自己.Materialize类的创建方式使网站可以适合任何屏幕尺寸。

使用Materialize创建的网站与PC,平板电脑和移动设备完全兼容。

可扩展的

通过设计实现物化是非常最小且平坦的。在设计时考虑到以下事实:添加新CSS规则比覆盖现有CSS规则要容易得多。它支持阴影和大胆的颜色。在各种平台和设备上,颜色和阴影保持一致。

最重要的是,它绝对是免费使用。

实现CSS索引

先决条件

要学习Materialise CSS,您必须具有HTML和CSS的基本知识。

听众

我们的Materialise CSS教程旨在帮助初学者和专业人士。

问题

我们保证您不会在此Materialize CSS教程中找到任何问题。但是,如果有任何错误,请在联系表格中发布问题。