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

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

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

جملة أوصاف

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

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

#اسم { العقار: القيمة ؛ العقار: القيمة ؛ العقار: القيمة؛...}

.اسم { العقار: القيمة ؛ العقار: القيمة ؛ العقار: القيمة؛...}

اسم يمكن أيضا أن تكون ف الجسم, html, الجدول, td... ذلك هو اسم علامة HTML العلامات. يسمح للاتصال وصف نمط مباشرة على العنصر.

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

الإعدادات الأساسية

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

المزيد

طابعة سامسونج SCX-3405: دليل المستخدم والمواصفات استعراض

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

T-28. T-28 (عالم الدبابات). T-28: صور

T-28 – هذا شعبية خزان السوفياتي ، والتي تتمثل في المعروف على الانترنت لعبة العالم من الدبابات. بالنسبة لمعظم اللاعبين والجهاز هو عابر ، ولكن هذا يرجع فقط إلى حقيقة أن ليس كل تقييم قدرة هذا النموذج. إذا ما تم تناوله ببراعة ، خزان يتحول إلى ورطة ...

كما في "Skyrim" إلى التركيز osculatorium: يمر

اليوم سوف نتحدث معك عن كيف في "Skyrim" إلى التركيز osculatory. أيضا, دعونا نحاول فعلا أن نفهم أين هذه المهمة و لماذا نحن في حاجة إليها. لأن العالم لعبة The Elder Scrolls هو مكان حيث يمكنك الحصول على المغامرات.نبدأحسنا, قبل التفكير في "Skyrim" إلى الت...

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

الحدود: 3px;
Border-color: red;
Border-style: solid مزدوجة متقطع المنقطة.

هذا الوصف تعيين عرض الحدود 3 px, لون أحمر, نمط الجانبين: الجانب العلوي مزدوجة حق متقطع أسفل الصلبة ، يسار نقطة.

Border-width: 1px 2px 4px 8px;
Border-color: blue;
Border-style: dotted.

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

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

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

Border: 1px solid green;
border-radius: 0px 4px 8px 12بكسل;
-moz-border-radius: 0px 4px 8px 12بكسل;
-webkit-border-radius: 4px 12بكسل 8px 0px;

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

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

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

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

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

خارج إطار

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

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

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