CSS الإطار: مرتجلة وتأثير

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

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

وصف جملة

مجال عنصر التنسيب محدد ينسق النسبي إلى الزاوية العلوية اليسرى من الصفحة (من اليسار، أعلى)، وحجم في الاتجاهات الأفقية والرأسية (العرض والارتفاع). إن جميع عناصر التصميم والرسوم المتحركة في أزواج "الملكية: قيمة".

ويتم وصف مباشرة في رمز صفحة لادخال النمط أو في ملف منفصل، لافتا له LINK المرجعية. بناء الجملة:

# NAME {الملكية: القيمة؛ الملكية: القيمة؛ الملكية: القيمة؛ ...}

أو

.name {الملكية: القيمة؛ الملكية: القيمة؛ الملكية: القيمة؛ ...}

اسم يمكن أيضا أن تكون ص، الجسم، أتش تي أم أل، الجدول، ت ...، وهذا هو اسم العلامة HTML-الترميز. قد تكون مرتبطة مباشرة مع وصف عنصر النمط.

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

المعالم الرئيسية

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

إطار CSS التي وصفها القواعد العامة للأوراق الأنماط المتتالية:

الحدود: 3PX.
الحدود بين اللون: الأحمر،
على غرار الحدود: متقطع ضعف الصلبة منقط.

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

الحدود العرض: 2px 1PX 4PX 8px؛
الحدود بين اللون: الأزرق؛
على غرار الحدود: منقط.

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

الحدود الألوان: أزرق أحمر أسود أخضر.

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

الحدود: 1PX الأخضر الصلبة.
الحدود بين دائرة نصف قطرها: 0px 4PX 8px 12px؛
-moz-نصف قطرها الحدود: 0px 4PX 8px 12px؛
-webkit الحدود نصف قطرها: 0px 4PX 8px 12px؛

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

سمك الإطار والغرض منه

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

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

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

خارج إطار

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

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

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