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

تاريخ:

2018-12-11 09:10:22

الآراء:

663

تصنيف:

1مثل 0كره

حصة:

Table of contents:

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

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

css الإطار

جملة أوصاف

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

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

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

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

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

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

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

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

المزيد

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

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

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

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

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 يعتمد على تجربة الزائر ، لأن عادة هذا النمط تأثير يستخدم لأغراض فنية: عندما المهم أن تظهر نفس الموقع أو حجم المنطقة على الصفحة.

كيفية جعل مربع في css

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

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

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

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

دروس css

خارج إطار

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

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

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


Article in other languages:

BE: https://tostpost.com/be/kamputary/21209-ramka-css-ekspromt-efekt.html

DE: https://tostpost.com/de/computer/21219-rahmen-css-impromptu-und-wirkung.html

En: https://tostpost.com/computers/18740-frame-css-improvisation-and-effect.html

ES: https://tostpost.com/es/los-ordenadores/21237-marco-de-la-css-impromptu-y-efecto.html

HI: https://tostpost.com/hi/computers/11865-frame-css-improvisation-and-effect.html

JA: https://tostpost.com/ja/computers/11865-css.html

KK: https://tostpost.com/kk/komp-yuterler/21203-ramka-css-ekspromt-men-ser.html

PL: https://tostpost.com/pl/komputery/21171-ramka-css-impromptu-i-efekt.html

PT: https://tostpost.com/pt/computadores/21172-quadro-css-de-improviso-e-efeito.html

TR: https://tostpost.com/tr/bilgisayarlar/21208-er-eve-css-haz-rl-ks-z-ve-etkisi.html

UK: https://tostpost.com/uk/komp-yuteri/21195-ramka-css-ekspromt-efekt.html

ZH: https://tostpost.com/zh/computers/12601-css.html






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

تعليقات (0)

هذه المادة قد لا تعليق أول

إضافة تعليق

أخبار ذات صلة

الإرسال والاستقبال SFP: الغرض, أنواع, ميزات

الإرسال والاستقبال SFP: الغرض, أنواع, ميزات

تحسين نقل البيانات تقنيات أدى إلى ظهور شبكة الألياف البصرية لربط الأجهزة يتطلب استخدام المعدات الخاصة – الإرسال والاستقبال SFP. على SFPS استبدال أكثر تعقيدا المعدات GBIC تستخدم في خطوط الاتصالات مع سرعة تدفق البيانات أعلاه 1...

المحكمة الخاصة بلبنان: كيفية فتح الملفات

المحكمة الخاصة بلبنان: كيفية فتح الملفات

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

لمحة عامة عن مجموعة من الميزات ATI Radeon HD 4800

لمحة عامة عن مجموعة من الميزات ATI Radeon HD 4800

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

التعزيز من الألعاب: ما هو وكيف يعمل ؟

التعزيز من الألعاب: ما هو وكيف يعمل ؟

انه ليس سرا أن ألعاب الكمبيوتر الحديثة التي تستخدم رسومات 3D و المقابلة تحول في شكل تقديم تتميز أعلى متطلبات الكمبيوتر “الحديدي”. على وجه الخصوص, وهذا ينطبق على بطاقات الرسومات والصوت رقائق. ولكن كل لاعب ترغب في لعبة م...

لعبة المملكة تأتي خلاص: متطلبات النظام, تاريخ الإصدار, معلومات عامة

لعبة المملكة تأتي خلاص: متطلبات النظام, تاريخ الإصدار, معلومات عامة

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

ما هي فوائد ترخيص Windows مفتاح ؟

ما هي فوائد ترخيص Windows مفتاح ؟

“القراصنة" نسخة من نظام التشغيل ويندوز في روسيا عالية جدا. ماذا تحتاج هذه السمعة مفتاح الترخيص من قراصنة “محاور" جعل الترخيص ، ما هو الفرق بين القانوني وغير القانوني.دعونا نبدأ مع ما هو نظام التشغيل – ر...