افتراضيات W3.CSS
W3.CSS سهل القراءة
صفحات W3.CSS سهلة القراءة ، حتى للأشخاص الذين يعانون من إعاقات طفيفة في القراءة.
- حجم الخط الافتراضي هو 15 بكسل
- الخط الافتراضي هو Verdana ، الذي يحتوي على تباعد جيد بين الأحرف
- تباعد الأسطر الافتراضي (1.5) جيد جدًا أيضًا
عناوين HTML <h1> - <h6>
بشكل افتراضي ، يقوم W3.CSS بتصميم عناوين HTML على النحو التالي:
مثال
<h1>Heading 1 (36px)</h1>
<h2>Heading 2 (30px)</h2>
<h3>Heading 3 (24px)</h3>
<h4>Heading 4 (20px)</h4>
<h5>Heading 5 (18px)</h5>
<h6>Heading 6 (16px)</h6>
فئات حجم الخط
يجب استخدام العناوين كما هي: العناوين.
باستخدام W3.CSS ، يمكن تعيين أحجام الخطوط من خلال فئات الحجم w3 التالية :
مثال
w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
تجاوز افتراضيات W3.CSS
يعد تجاوز إعدادات W3.CSS الافتراضية أمرًا سهلاً للغاية.
لديك ثلاثة خيارات على الأقل:
- تجاوز الإعدادات الافتراضية في قسم <head> بصفحتك
- أضف ملف CSS الخاص بك بعد W3.CSS
- قم بتنزيل وتغيير محتوى ملف W3.CSS
تجاوز في <head>
h1{font-size:64px;}
h2{font-size:48px;}
h3{font-size:36px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
أضف CSS الخاص بك
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet"
href="myStyle.css">
قم بتغيير W3.CSS
h1{font-size:36px} h2{font-size:30px} h3{font-size:24px} h4{font-size:20px} h5{font-size:18px} h6{font-size:16px}
تغيير الخط الافتراضي
في رأس صفحة الويب الخاصة بك (أو في ورقة الأنماط الخاصة بك) ، بعد تحميل W3.CSS ، قم بتغيير نمط html والجسم:
مثال
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
html, body, h1, h2, h3, h4, h5, h6 {
font-family: cursive, sans-serif;
}
</style>