32 lines
1.3 KiB
Markdown
32 lines
1.3 KiB
Markdown
|
---
|
||
|
|
title: CSS Framework Material Design Lite
|
||
|
|
localeTitle: CSS Framework Material Design Lite
|
||
|
|
---
|
||
|
|
# CSS Framework Material Design Lite
|
||
|
|
|
||
|
|
يتيح لك Design Material Lite إضافة مظهر ومظهر تصميم مادي إلى مواقع الويب الخاصة بك. يهدف إلى تحسين للاستخدام عبر الأجهزة.
|
||
|
|
|
||
|
|
## ابدء
|
||
|
|
|
||
|
|
في ما يلي نموذج HTML بسيط يشتمل على أحدث CSS مجمع ومختزن لمكتبة MDL.
|
||
|
|
|
||
|
|
`
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title></title>
|
||
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
||
|
|
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
|
||
|
|
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
`
|
||
|
|
|
||
|
|
لقد استخدمنا CDN في هذا المثال ، ولكن يمكنك التحقق من الطرق الأخرى لتثبيت MDL [هنا](https://getmdl.io/started/index.html) .
|
||
|
|
|
||
|
|
### مصادر التعلم
|
||
|
|
|
||
|
|
* الوثائق الرسمية لل MDL متاحة [هنا](https://getmdl.io/started/index.html) .
|
||
|
|
* الخروج مستودع GitHub مفتوح المصدر MDL [هنا](https://github.com/google/material-design-lite) .
|