DAVID مالان: إذن لقد تم العمل على محرك البحث هذا يشبه هذا. ويبدو لي أن لديك عنوان يسمى CS50 البحث أدناه الذي هو شكل من اشكال HTML، داخل وهو المدخلات التي النوع هو النص وإدخال آخر نوع هو الذي يقدم. دعونا الآن نلقي نظرة على الكامنة شفرة المصدر لهذه الصفحة. 

هنا في البحث 2.html، لاحظ أنني يكون في الواقع عنوانا في شكل يتوجه وكذلك في الجسم مع علامة H1 حوله. لدي نموذج HTML، و ثم تلك المدخلات اثنين. ولكن في إشعار خاص على الجسم العلامة، التي كنت أعلنت نمط السمة قيمته هو مواءمة النصوص: المركز؛، وبالتالي تحديد بأن جميع ينبغي أن يكون النص في هذه الصفحة محاذاة في الوسط. 

الآن هذا يعمل بشكل صحيح تماما، لكنها قذرة قليلا. لا تستطيع ان تقول حقا بقدر لأن هذه الصفحة هي إلى حد ما الصغيرة في الوقت الراهن. ولكن تخيل لو حصلت هذه الصفحة أطول وأطول و أطول وأكثر تعقيدا. 

تلاحظ أن نمط لقد اعتمدت هنا هو تتداخل جماليات بلدي مع هيكل الصفحة باستخدام سمة النمط. قصة قصيرة طويلة، وهذه ليست أفضل التصميم، وبالتأكيد كما تنمو صفحاتك أكثر تعقيدا. سوف يكون أفضل تصميم لعامل خارج أن التنميق ووضعها في مكان ما المركزي، على سبيل المثال وليس في نمط ويعزو ولكن في علامة الاسلوب، على وجه التحديد علامة نمط داخل الصفحة رئيس بلدي العلامة. دعونا نفعل ذلك بالضبط. 

أولا دعونا نذهب هنا وحذف ويعزو هذا النمط تماما. ثم نسخ احتياطي في رأس الصفحة الخاصة بي، ودعونا تعلن علامة نمط وإغلاقه في في الوقت نفسه، لذلك أنا لا ننسى أن في وقت لاحق. ثم دعونا تحديد أن الجسم هذه الصفحة ينبغي أن يكون لها CSS خاصية مواءمة النصوص هو المركز. دعونا الآن حفظ هذه الصفحة، تحميل المتصفح، ونرى ما هو تأثير. 

إعادة في متصفحي - أي تأثير على الإطلاق. ولكن كان المقصود أي تأثير. نحن ببساطة تحسين تصميم هذه الصفحة.