تنزيلات W3.CSS
تنزيل W3.CSS
قم بتنزيل W3.CSS من هذا الرابط: https://www.w3schools.com/w3css/4/w3.css
W3.CSS مجاني
W3.CSS مجاني للاستخدام. لا يوجد ترخيص ضروري.
كيفية استخدام W3.CSS
لاستخدام W3.CSS ، ما عليك سوى إضافة ارتباط إلى "w3.css" في صفحات الويب الخاصة بك:
مثال
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://www.w3schools.com/w3css/4/w3.css">
أو قم بتنزيل w3.css وتشغيله من موقع الويب الخاص بك:
مثال
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="w3.css">
إذا وضعت w3.css في مجلد فرعي ، فقم بإضافة اسم المجلد بين الشرطات المائلة:
مثال
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/foldername/w3.css">
إذا قمت بوضع w3.css في جذر الويب ، فقم بإضافة شرطة مائلة:
مثال
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css">
التغيير
قم بتنزيل الإصدار 4.13 من هذا الرابط: https://www.w3schools.com/w3css/4/w3.css
نرى | تاريخ | وصف |
---|---|---|
4.15 | 12/2020 | تكملة w3-serif مع w3-sans-serif w3-cursive w3-monospace |
4.14 | 11/2020 | تكملة w3-padding مع w3-padding-top-64 w3-padding-top-48 w3-padding-top-32 w3-padding-top-24 |
4.13 | 06/2019 | تتكيف مع التغييرات الطفيفة في Normalize.css |
4.12 | 11/2018 | تمت إضافة w3-stretch |
4.11 | 10/2018 | تمت إضافة هامش w3-auto المتغير: تلقائي إلى margin-left: auto و margin-right: auto in w3-content |
4.10 | 02/2018 | تمت إضافة "مخطط تفصيلي: 0" إلى عنصر w3-bar-في w3-bar و w3-bar-block |
4.09 | 12/2017 | تمت إزالة "المخطط التفصيلي: 0" من الأزرار |
4.08 | 10/2017 | تمت إضافة "z-index: 1" إلى محتوى قائمة منسدلة w3 |
4.07 | 08/2017 | تمت إضافة "محاذاة عمودية: وسط" للصور |
4.06 | 08/2017 | تمت إضافة فئات ألوان للإصدار 3 إلى الحدود والحدود القابلة للتحويم والنص القابل للتمرير |
4.05 | 06/2017 | تمت إضافة "display: block" إلى w3-response |
4.04 | 04/2017 | تمت إضافة "float: none" إلى عنصر w3-bar-item داخل w3-bar-block |
4.03 | 03/2017 | تم تصحيح خطأ بسيط في "w3-col m3" |
4.02 | 03/2017 | تمت إضافة ألوان نص الإصدار 3 |
4.01 | 03/2017 |
تفتيح اللون الرمادي / الرمادي إصلاح بعض أخطاء لون الحدود |
4.0 | 02/2017 | |
3.0 | 01/2017 | |
2.0 | 02/2016 | |
1.0 | 05/2015 |
مستودع جيثب
مستودع جيثب هو: https://github.com/JaniRefsnes/w3css
التحقق من صحة W3.CSS
قد يؤدي التحقق من صحة W3.CSS إلى إرجاع بعض الأخطاء.
غالبًا ما تحصل على بعض الأخطاء عند تشغيل عمليات التحقق من صحة W3C.
ستكون هناك دائمًا بعض القيم المحددة للمتصفح خارج مواصفات W3C الحالية.
ملكية | وصف |
---|---|
مؤشر الأحداث | خاصية غير صالحة في CSS3 ، لكنها مقترحة لـ CSS4. يستخدم في W3.CSS لإزالة مؤشر اليد من العناصر المعطلة. |
تحديد المستخدم | خاصية غير صالحة في CSS3 ، لكنها مقترحة لـ CSS4. يُستخدم في W3.CSS لإزالة تحديد النص من العناصر القابلة للنقر. |
فئة زائفة : صالحة | قيمة غير صالحة في CSS3 ، لكنها مقترحة لـ CSS4. يُستخدم في W3.CSS للإشارة إلى إدخال صالح. |
@ -webkit-keyframes | تمت الإضافة إلى W3.CSS لجعل الرسوم المتحركة تعمل في متصفحات webkit (الإصدارات القديمة من Chrome و Safari و Opera). |
تخصيص W3.CSS
يتضمن W3.CSS الخطوط الأساسية وأحجام الخطوط.
يمكنك تخصيص W3.CSS عن طريق تغيير هذه الإعدادات:
مثال
html {
font-family: Verdana, sans-serif;
font-size: 15px;
line-height: 1.5;
font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana, sans-serif;
font-weight: 400;
line-height: 1;
margin:
20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1
{font-size: 36px}
h2 {font-size: 30px}
h3 {font-size: 24px}
h4
{font-size: 20px}
h5 {font-size: 18px}
h6 {font-size: 16px}
hr
{
height: 0;
border: 0;
border-top: 1px solid
#eee;
margin: 20px 0;
}
تم تطبيع W3.CSS
تتم تسوية ورقة الأنماط من أجل:
- تصحيح أخطاء المتصفح
- قم بإزالة التناقضات في المستعرض
- تأكد من الإعدادات الافتراضية العامة للمتصفح
- تطبيع أنماط جميع عناصر HTML
- أضف تحسينات CSS
يتم استخدام مقتطف من Normalize.css في W3.CSS.
هذا يجعل W3.CSS يعرض HTML باستمرار في جميع المتصفحات ، وبما يتماشى مع معايير الويب الحديثة.