أحدث البرامج التعليمية وتطوير الشبكة
 

W3.CSS طباعة

❮ السابق التالي الفصل ❯

سهل القراءة

صفحات W3.CSS هي سهلة القراءة، حتى بالنسبة للأشخاص ذوي الإعاقة القراءة طفيفة.

  • جميع الخطوط المستخدمة سهلة الخطوط 15px قراءة بلا الرقيق
  • على الخط القياسي (فيردانا) لديه بريد إلكتروني تباعد جيد جدا
  • خط تباعد قياسي (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>
انها محاولة لنفسك »

فئات FONT-SIZE

وينبغي أن تستخدم العناوين على حقيقتها: العناوين.

مع W3.CSS، أحجام الخطوط يمكن تعيينها من قبل فئات هي:

مثال

w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
انها محاولة لنفسك »

تجاوز المعايير

تجاوز المعايير W3.CSS من السهل جدا.

كنت حصلت لا يقل عن ثلاثة خيارات بسيطة:

  1. تجاوز مستوى في القسم <head> من صفحتك
  2. إضافة ملف CSS الخاص بك بعد W3.CSS
  3. تحميل وتغيير محتوى الملف W3.CSS

تجاوز في <رئيس>

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="http://www.w3ii.com/lib/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}

❮ السابق التالي الفصل ❯