CSS: لون الخط والأسلوب والنمط والحجم

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

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

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

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

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

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

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

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

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

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

# Ele3 {
أعلى: 114px؛ // تغيير CSS عمودي تنسيق

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

لون الخلفية: lightgrey. // CSS تسليط الضوء على النص اللون يتغير، ولكن هذا لم يكن موجودا في # Ele1 و# Ele2. تغير الموقف أيضا، ولكن الذي تغير في # Ele2 وليس كما هنا

}

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

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

• تعيين لون الخط في CSS - الدرجة groundColor نمط؛
• تحديد حجم الخط - size15 الطبقة.
• موقف مجموعة - الدرجة PlaceUp.

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

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

النتيجة المتوقعة من استخدام المنطق المشترك

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

من جميع القواعد، وهو مجهز CSS، أهمها:

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

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

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

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

لا ينبغي أن يساء استخدامها أساليب مثل * {اليسار: 124px؛ } أو

رأ رأ، رأ المجاهدين، المجاهدين المجاهدين، رأ المجاهدين {هامش القاع: 0؛ }
وIMG {الحدود: 0؛ }

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

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

باستخدام CSS، لون الخط يمكن القيام به برمجيا. وكذلك حجم وموضع، والهوامش. موقع - ليس هدفا لتطبيق المعرفة في CSS، HTML، PHP أو جافا سكريبت الآثار فلاش.

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

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

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

هنا، واللغة لا يتطلب الخوارزمية:

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

// إخفاء زر الإدخال على الموقع
تعمل scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'إخفاء'؛
}

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

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

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

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

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

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

أسلوب ديناميات جافا سكريبت

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

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

ثالثا، أنه يسمح للمطور لتوفير آلية للزائرين من محتوى في هذا النمط، والذي هو مريح. انها ليست حتى أي شخص.

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

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

CSS كعنصر نشط

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

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

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

وتشارك المبرمجين قاعدة بيانات التسجيل دائما في القطاعات الأكثر رسمية من ذلك بكثير، ولكن موضوع CSS - مهمة بسيطة جدا، ولكن ما لم تحصل في مجال الرؤية لعملية التنمية.

على العقيدة في مجال البرمجة

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

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

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