هذه المحاضرة هي
تكملة للمحاضرة التي تكلمنا فيها عن وصف محتوى الصفحة بدون محتوى أو ما يعرف بـ
(Semantic web)
حيث أننا سنتناول
ستة أمور هامة ستساعدنا في إخراج الصفحة وتقسيمها بالشكل المناسب.
ما هو Display وكيفية استعمالها؟
هذه الخاصية تعالج نقطة هامة في ترتيب مكونات الصفحة وهل هي متجاورة على
نفس الخط، أم متتالية كل مكون في سطر مختلف عن الثاني، وهناك ثلاث خصائص تأخذها
الـ Display وهي (Block;)، (inline;)، (inline-block;).
ما هو Margin وكيفية استعمالها؟
تستخدم الـ Margin للفصل بين وسام وآخر وذلك
عن طريق هوامش خارجية لهذا الوسام، ويكون لها أربعة قيم إما من أسفل أو من أعلى أو
من يمين أو من يسار فلو افترضنا أننا لدينا صورة ونريد أن نحدد هوامشها من أربعة
جهات:
ımg}
Margin: 20px;
{
أي أن الصورة لها هوامش من جميع الجهات بمقدار 20 بيكسل.
ımg}
Margin-right: 20 px;
Margin-left: 10px
{
ستلاحظ هنا أن البعد من جهة اليمين أصبح 20 بيكسل ومن جهة اليسار أصبح 10
بيكسل.
ما هو ال padding ؟
هو الحدود الداخلية للنصوص بالنسبة للحدود الخارجية.ويجب أن نلاحظ أن
كتابته مماثلة لكتابة الـ (margin).
ما هو ال flot ؟
يفيد الـ flot في وضع مجموعة من العناصر
في جهة محددة على اليمين أو على اليسار وهي بذلك لها قيمتين إما right أو left.
ما هو الـ vertical-align؟
هي تفيدنا في عمل محازاة لمجموعة من مكونات الصفحة على خط أفقي ومن أشهر
القيم التي تأخذها إما محازاة من أعلى (Top) أو محازاة من أسفل (bottom) أو محازاة من الوسط (middle).
ليست هناك تعليقات:
إرسال تعليق