كيفية استخدام البرنامج النصي للتحكم في الإعداد التكيفي للارتفاع لقسم مكون من ثلاثة صفوف وثلاثة أعمدة ارتفاع القسم الفرعي الخاص به: 100% لتحقيق التكيف مع الارتفاع. إذا كنت لا تصدق ذلك، راجع الكود:
<head>
<style>
جسم {
عائلة الخطوط: Arial، Helvetica، Sans-serif؛
اللون: أسود؛
الهامش: 5 بكسل؛
الخلفية: #ffc url(d:/8767a.gif) كرر-y؛
الحشو: 0؛
الخط: 12 بكسل؛
تباعد الحروف: 1 بكسل؛
محاذاة النص:مركز؛
الخط: 120%;
}
ماي
{
نوع القائمة: مربع؛
صورة نمط القائمة:url(d:/8767a.gif);
موقف نمط القائمة: في الداخل؛
}
لى
{
الحدود: 1 بكسل أخضر صلب؛
عرض الحدود: 0px 0px 1px 0px ؛
المؤشر:انتظر؛
}
.مضمنة
{
عرض:كتلة؛
}
.div
{
لوحة علوية:-40px;
}
.maxfont
{
حجم الخط: 180%؛
}
#header
{
الخلفية: رمادي؛
الهامش: 2 بكسل 0 بكسل؛
العرض: 790 بكسل؛
}
#غادر
{
الخلفية:#ffeef0;
تعويم: يسار؛
العرض: 195 بكسل؛
الارتفاع: 100%؛
}
#وسط
{
الخلفية:#ffae0;
تعويم: يسار؛
العرض: 390 بكسل؛
الهامش: 0 بكسل 5 بكسل؛
الارتفاع: 100%؛
}
#يمين
{
الخلفية:#ffaaaa;
تعويم: يسار؛
العرض: 195 بكسل؛
العرض: -10 بكسل؛
الارتفاع: 100%؛
}
#تذييل
{
الخلفية:#ffaa11;
واضح:كلاهما؛
العرض: 790 بكسل؛
الهامش: 1 بكسل 0 بكسل؛
}
#يسار، #وسط، #يمين
{
محاذاة النص:يسار؛
المسافة البادئة للنص: 24 بكسل؛
}
#محتوى
{
الهامش:0px تلقائي؛
العرض: 790 بكسل؛
الارتفاع: 400 بكسل؛
}
</style>
</head>
<body>
<div style="display:none">
بعد ظهر هذا اليوم
<ul class="inline">
<لي>
<p class="div">الوضع العادي</p>
<p class="maxfont">ssss</p>
<p>أآ</p>
<بفف>
</لي>
<li>البرنامج التعليمي لـ Dream City XHTML.</li>
<li>البرنامج التعليمي لـ Dream City CSS.</li>
<li>البرنامج التعليمي لمدينة الأحلام لجافا سكريبت.</li>
</ul>
</div>
<div style="display:none">
الضحايا
<ul>
<li>v gma a</li>
<li>ddd dkdkdkd</li>
</ul>
</div>
<div id="header">
<h1>يتحكم البرنامج النصي في ثلاثة صفوف وثلاثة أعمدة من تخطيط DIV ذي الارتفاع التكيفي</h1>
</div>
<div id="content">
<div id="left">لا تقتصر إمكانية الوصول على الأشخاص المكفوفين وقارئي الشاشة فقط. هناك أيضًا العديد من الأشخاص الذين ليسوا مكفوفين ولكنهم
ضعاف البصر - وسوف نصبح أنا وأنت واحدًا منهم مع تقدمنا في السن. إحدى أبسط الطرق لجعل موقع الويب أكثر سهولة في الاستخدام هي السماح للمستخدمين بتغيير
حجم النص؛ فرفض تقديم مثل هذا الخيار يحرم المستخدم من السيطرة وقد يمنعه من القراءة بشكل مريح.
لا تقتصر إمكانية الوصول على الأشخاص المكفوفين وقارئي الشاشة فقط.
وهناك أيضاً العديد من الأشخاص الذين ليسوا مكفوفين ولكنهم ضعاف البصر -وسوف نصبح أنا وأنت واحداً منهم
مع تقدمنا في السن
.إحدى أبسط الطرق لجعل موقع الويب أكثر سهولة في الاستخدام هي السماح للمستخدمين بتغيير حجم النص؛ فرفض تقديم
مثل هذا الخيار يحرم المستخدم من السيطرة وقد يمنعه من القراءة بشكل مريح.
</div>
<div id="middle">لا تقتصر إمكانية الوصول على الأشخاص المكفوفين وقارئي الشاشة فقط. هناك أيضًا العديد من الأشخاص الذين ليسوا مكفوفين ولكنهم ضعاف
البصر
- وسوف نصبح أنا وأنت واحدًا منهم مع تقدمنا في السن.إحدى أبسط الطرق لجعل موقع الويب أكثر سهولة في الاستخدام هي السماح للمستخدمين
بتغيير
حجم النص؛ فرفض تقديم مثل هذا الخيار يحرم المستخدم من السيطرة وقد يمنعه من القراءة بشكل مريح.إذا قام المصممون بتحديد حجم النص بالبكسل، فلن يتمكن معظم المستخدمين من قياس النص لأن Internet Explorer
يغير
حجم النص بشكل مختلف عن المتصفحات الأخرى.يمكن لـ Mozilla وOpera تغيير حجم النص الذي تم ضبطه على حجم البكسل، لكن
IE في نظام Windows لا يستطيع ذلك.
لا تقتصر إمكانية الوصول على الأشخاص المكفوفين وقارئي الشاشة فقط.
وهناك أيضاً العديد من الأشخاص الذين ليسوا مكفوفين ولكنهم ضعاف البصر -وسوف نصبح أنا وأنت واحداً منهم
مع تقدمنا في السن
.إحدى أبسط الطرق لجعل موقع الويب أكثر سهولة في الاستخدام هي السماح للمستخدمين بتغيير حجم النص؛ فرفض تقديم
مثل هذا الخيار يحرم المستخدم من السيطرة وقد يمنعه من القراءة بشكل مريح.
إذا قام المصممون بتحديد حجم النص بالبكسل، فلن يتمكن معظم المستخدمين من قياس النص لأن Internet Explorer
يغير
حجم النص بشكل مختلف عن المتصفحات الأخرى.يمكن لـ Mozilla وOpera تغيير حجم النص الذي تم تحديد حجمه بالبكسل، لكن
IE في نظام التشغيل Windows لا يستطيع ذلك. إذا استخدم المصممون وحدات البكسل لتحديد حجم النص، فلن يتمكن معظم المستخدمين من تغيير حجم النص لأن Internet Explorer
يغير
حجم النص بنفس الطريقةمختلفة. يمكن لـ Mozilla وOpera تغيير حجم النص الذي تم ضبطه على حجم البكسل، لكن
IE في نظام Windows لا يستطيع ذلك.
لا تقتصر إمكانية الوصول على الأشخاص المكفوفين وقارئي الشاشة فقط.
وهناك أيضاً العديد من الأشخاص الذين ليسوا مكفوفين ولكنهم ضعاف البصر -وسوف نصبح أنا وأنت واحداً منهم
مع تقدمنا في السن
.إحدى أبسط الطرق لجعل موقع الويب أكثر سهولة في الاستخدام هي السماح للمستخدمين بتغيير حجم النص؛ فرفض تقديم
مثل هذا الخيار يحرم المستخدم من السيطرة وقد يمنعه من القراءة بشكل مريح.
إذا قام المصممون بتحديد حجم النص بالبكسل، فلن يتمكن معظم المستخدمين من قياس النص لأن Internet Explorer
يغير
حجم النص بشكل مختلف عن المتصفحات الأخرى.يمكن لـ Mozilla وOpera تغيير حجم النص الذي تم تحديد حجمه بالبكسل، لكن
IE في نظام التشغيل Windows لا يستطيع ذلك. إذا استخدم المصممون وحدات البكسل لتحديد حجم النص، فلن يتمكن معظم المستخدمين من تغيير حجم النص لأن Internet Explorer
يغير
حجم النص بنفس الطريقةمختلفة. يمكن لـ Mozilla وOpera تغيير حجم النص الذي تم ضبطه على حجم البكسل، لكن
IE في نظام Windows لا يستطيع ذلك.
لا تقتصر إمكانية الوصول على الأشخاص المكفوفين وقارئي الشاشة فقط.
وهناك أيضاً العديد من الأشخاص الذين ليسوا مكفوفين ولكنهم ضعاف البصر -وسوف نصبح أنا وأنت واحداً منهم
مع تقدمنا في السن
.إحدى أبسط الطرق لجعل موقع الويب أكثر سهولة في الاستخدام هي السماح للمستخدمين بتغيير حجم النص؛ فرفض تقديم
مثل هذا الخيار يحرم المستخدم من السيطرة وقد يمنعه من القراءة بشكل مريح.
إذا قام المصممون بتحديد حجم النص بالبكسل، فلن يتمكن معظم المستخدمين من قياس النص لأن Internet Explorer
يغير
حجم النص بشكل مختلف عن المتصفحات الأخرى.يمكن لـ Mozilla وOpera تغيير حجم النص الذي تم ضبطه على حجم البكسل، لكن
IE في نظام Windows لا يستطيع ذلك.
</div>
<div id="right">لا تقتصر إمكانية الوصول على الأشخاص المكفوفين وقارئي الشاشة فقط. هناك أيضًا العديد من الأشخاص الذين ليسوا مكفوفين ولكنهم ضعاف
البصر
- وسوف نصبح أنا وأنت واحدًا منهم مع تقدمنا في السن.إحدى أبسط الطرق لجعل موقع الويب أكثر سهولة في الاستخدام هي السماح للمستخدمين
بتغيير
حجم النص؛ فرفض تقديم مثل هذا الخيار يحرم المستخدم من السيطرة وقد يمنعه من القراءة بشكل مريح.</div>
</div>
</div>
<div id="footer"> مرحبًا بك في: www.devdao.com</div >
</body>