كس: لون الخط، الأنماط، الخلفية، الحجم

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

صفحة الموقع هي علامات ترميز HTMLيمكن تعيين فئة نمط معين أو معرف نمط. يمكن تعريف الأول مرة واحدة وينسب إلى أي شيء عدة مرات حسب الضرورة ، والثاني ينتمي إلى عنصر معين.

منطق وصف النمط العام

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

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

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

مثال على المنطق العام

الأمر بسيط للغاية: من خلال تحديد لون CSS لثلاثة عناصر فقط ، يمكنك الحصول على ثلاث مشاكل على الأقل:

# Ele1، # Ele2، # Ele3 {
موقف: مطلقة؛
اليسار: 20 بكسل ؛
العلوي: 14 بكسل
اللون: أحمر.
}

# Ele2، # Ele3 {
left: 90px؛ // تغيير تنسيق CSS أفقيًا
اللون: أصفر. // تغيير لون الخط في CSS
}

# Ele3 {
العلوي: 114 بكسل ؛ // قم بتغيير إحداثيات CSS عموديًا

اللون: أخضر. // تغيير لون الخط مرة أخرى

لون الخلفية: lightgrey. // لون تغيير نص CSS تم تغييره ، لكن هذا ليس في # Ele1 و # Ele2؛ يتم تغيير الوضع أيضا ، لكنه تغير بالفعل في # Ele2 وليس مثل هنا

}

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

لا التبجيل جميع المطورين شرط CSS: نمط معرف - سوى عنصر واحد، ونمط الطبقة - العديد من العلامات، بالإضافة إلى النقطة الأخيرة الممكنة في العلامات كما الصفات:

• تعيين لون الخط في CSS - نمط فئة groundColor؛
• حدد حجم الخط - حجم class15؛
• عيّن موضع - فئة PlaceUp.

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

يحتاج المطور أن يأخذ في الاعتبار بشكل صحيح: حتى إذا كان لون خط HTML ، يعرض CSS وصفًا صارمًا ، فإن مرونة الهيكل العام للأوصاف هي عمله.

النتيجة المتوقعة لتطبيق المنطق العام

المستعرضات الحديثة هادئةعدد كبير من ملفات الأنماط وأحجامها. ومع ذلك ، عند تصميم ، على وجه الخصوص ، من خلال CSS ، لون الصفحة بأكملها ، ينبغي للمرء أن يفكر دائما عن الكفاية المعقولة. ليس كل قواعد نمط نظرة "رخيصة" في التطبيق. إدخال مقتضب بسيط: * {color: white؛} - بالتأكيد جميل ، ولكنه ينطبق على جميع عناصر الصفحة بدون استثناء.

من بين جميع القواعد التي تمتلكها CSS ، فإن أهمها:

• النمط هو فئة ، ومن ثم يبدأ اسمه بـ "."؛
• النمط - معرف واسمه يبدأ بالرمز "#"؛
• في حالات أخرى - هذا هو اسم العلامة أو شيء خاص

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

سيفقد المتصفح دائمًا عدم تحليلهوصف ، لذلك لن يكون هناك مفاجآت خاصة. إذا لم يكن هناك شيء في المكان المناسب أو لم تتمكن من ضبط لون الخط في CSS ، فإن الخطأ في نمطه.

فرص غير متوقعة

يجب عدم إساءة استخدام الأنماط مثل * {left: 124px؛ } أو

ol ol، ol ul، ul ul، ul ol {margin-bottom: 0؛ }
a img {border: 0؛ }

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

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

تطبيق CSS ، لون الخط يمكن أن يتم برمجيا. بالإضافة إلى الحجم ، الموضع ، المسافات البادئة. لا يعد الموقع هدفًا لتطبيق المعرفة في CSS أو HTML أو PHP أو تأثيرات جافا سكريبت.

مورد الويب هو في المقام الأول المعلومات ،اقترح بطريقة معينة. هذا هو السبب في أن CSS يتم عرضها بشكل أفضل في الديناميكيات من خلال منظور كيف يمكنك توليدها بينما لا تزال الصفحة على الخادم (فهي مشغولة بواسطة PHP عندما يأتي الزائر إلى الموقع ، وليس المطور في الوقت الذي يقوم فيه بتطوير الموقع) ، ورقة الأنماط المرغوبة تحت نص معين ، تحت المحتوى الفعلي أو إنشاء نمط فئة أو معرف على الطاير أثناء عملية عرض الصفحة من قِبل زائر محدد.

ديناميات ثابتة

لا تكتب دائمًا شفرة جافا سكريبت معقدة ،لجعل المحتوى ديناميكيًا وتصميمه - محتوى مناسبًا. في بعض الأحيان ، يكفي استخدام الفرص المتاحة بشكل صحيح. على وجه الخصوص ، من خلال تحديد لون الخط بواسطة CSS كقاعدة ثابتة في البداية ، يمكنك إخفاء هذه القاعدة (مخفية) وتصور قاعدة أخرى (مرئية).

لا تتطلب ديناميكيات هنا خوارزمية:

// تسليط الضوء على زر تسجيل الدخول على الموقع
وظيفة scfWelcomeOver () {
document.getElementById ("scDocxNamePiP"). style.visibility = "visible"؛
}

// إخفاء زر تسجيل الدخول على الموقع
وظيفة scfWelcomeOut () {
document.getElementById ("scDocxNamePiP"). style.visibility = "hidden"؛
}

تقدم CSS المتغيرات الخاصة بها من الديناميكيات: تشغيل الخطوط ، شفافية العناصر ، إصدارات مختلفة من التراكبات ، المظاهر ، تلاشي اللون. في CSS ، يمكن إنشاء لون الخط بحيث لا يتم توفير قاعدة نمط.

عرض المحتوى الديناميكي

إذا لم يكن هناك عقائد ، ربما لن يكون هناكالتقدم. لا يوجد شيء يصارع معه. جلب النص التشعبي العديد من العقائد إلى العالم. لقد حان الوقت للاهتمام بها وتطوير مواقع الويب بأسلوب عملي وعملي.

في الأصل هناك صفحة (P) ، يتم وضعهاالمحتوى (K) ، يتم وصف جميع علامات الصفحة في ورقة الأنماط (S). ليس جديدًا إنشاء صفحة P عبر PHP أو Perl على الخادم ، واختيار K من قاعدة البيانات. سيتم إرفاق ورقة أنماط S الحالية تلقائيًا. ومع ذلك ، يمكن تغيير K ، وفي معظم الحالات ، يتطلب هذا التغيير الحاجة إلى أنماط أخرى ، أي في S +.

على سبيل المثال ، قال العميل: "سيبدو الموقع الذي يصف حياة موسكو أفضل إذا تم تزيين المقالات الإخبارية بأسلوب" ZaZavtrakom "، أوصاف صخب الليل في أسلوب" LasVegas "، ومقالات عن التقدم العلمي والتكنولوجي في أسلوب" ModernTechno ". ولكن إذا جعلت S في هذه الخيارات الثلاثة ، فليس هناك ما يضمن أن العميل لن يكون لديه فكرة عن مجموعة من المقالات "الأخبار" و "الأعياد" و "العمل" و "CSS / HTML" ومكافأة "Hostess".

أكثر عملية هو نهج آخر. بغض النظر عن فئة المقال ، يوجد دائمًا محتوى فيه يمكن تلوينه بلون معين. هنا في هذا المكان ، إنها فكرة معقولة: بعد الحصول على K محدد ، على الخادم لتشكيل S مناسب ، وعندما يتطلب المتصفح P ، سيحصل على المحتوى الضروري في التصميم المناسب.

ديناميات الاسلوب من JavaScript

الحد الأدنى ، على الرغم من حل فعال للغاية -القيام بالتصميم مباشرة في متصفح العميل. أولاً ، يقوم بتفريغ الملقم - لا حاجة إلى قضاء بعض الوقت في تكوين صفحات النص التشعبي وملفات النمط الخاصة به.

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

ثالثًا ، تسمح للمطور بتزويد الزائر بآلية لتوليد المحتوى بأسلوب يريحه. لا أحد لديه هذا.

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

هذا لا يتعارض مع الاتجاه الحالي لفصل عرض البيانات من معالجتها ويتم تنفيذها على البيانات التي تدخل في العرض.

CSS كمكون نشط

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

فيما يتعلق CSS ، يتم تنشيط هذه العملية بالفعل فيسياق مختلف تمامًا. الأدوات المدمجة في JavaScript ، والتي تسمح بإنشاء عناصر وأنماط العناصر على الطاير ، لم تقترح هذا الاحتمال ، ويعتقد منشئو PHP ، على وجه الخصوص ، أنهم يشاركون في تكوين صفحات HTML فقط.

كل من الأول والثاني يسمح للقيام بهأساليب البرمجة. هذا هو اتجاه جديد في مجال تكنولوجيا المعلومات. تعتبر الأساليب أكثر رسمية من HTML أو XML ، والقواعد بسيطة للغاية. النمط موجود دائمًا في المعلومات ، مهما كانت طبيعته.

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

حول العقائد في البرمجة

مثل جبل جليدي ، لا تستطيع العقيدة السفر لفترة طويلةمساحات المعلومات. يجب أن تتركز الخبرة المتراكمة ليس فقط في معايير HTML و CSS ، وأدوات للعمل معهم ، ومعرفة المطورين.

مهمة بسيطة - لجعل اللون من خلال CSSالخط - وقد وجد الحل الممتاز. لا شك في القواعد والبناء والمنطق والراحة. ولكن حتى عندما لا تحتاج الخطوط في الواقع إلى الكثير ، فإن ألوان الممارسة ليست مطلوبة بشكل كبير ، وبصفة عامة ، لأغراض التمثيل الافتراضي للواقع ، فإن كل "القدرة" المتراكمة لـ HTML و CSS ليست مطلوبة على الإطلاق ؛ تجربة وأدوات من أساليب التعليم الطبيعي من المحتوى.

كيف سيكون الأمر ، قد لا يكون الأمر واضحًا تمامًا ، لكن حقيقة أن العملية جارية بالفعل.

</ p>>