انشاء انماط خطوط
بسم الله الرحمن الرحيم سوف نتعلم كيف ننشئ نمط خط يتمتع بالخصائص التاليه : 1. نوع الخط tahoma .. 2. حجم الخط 12px .. 3. لون الخط احمر .. ونمط ثاني يتمتع بـ : 1. نوع الخط Ms Sans Serif .. 2. حجم الخط 12px .. 3. لون الخط اخضر.. الان اليك هذه المعلومه .. اذا وضعنا قبل اسم النمط ( # ) فان هذا يتم استدعائة عن طريق id .. اما اذا وضعنا قبل اسم النمط ( . ) فان هذا النمط يتم ...
التحديد و الطبقات
سوف نلقي الضوء الآن على ما يرى الناس أنه أعظم شيء في صفحات الأنماط المتعاقبة : التحديد و الطبقات . و إليك الخصائص التي ستساعدنا في ذلك : 1- position 2- left 3- top 4- width 5- height 6- overflow 7- visibility 8- clip 9- z-index ملحوظة : مواصفات خصائص التحديد تم تطويرها بعد معظم خصائص صفحات الأنماط الأخرى ، و لذلك فالمتصفح IE 3 لا يدعم أي منها ، و بالتالي فأنت ليس لديك ...
الخاصية color وتعبئة الحقول بالاوان او الصور
[color=FA0309]الخاصية color : [/color] هذه الخاصية تماثل في عملها اسمها تماماً ، فهي تحدد لون عنصر ما ، و تأخذ نفس قيم اللون في هتمل : [code]B { color: #CCFFFF }[/code] بهذه القاعدة سيعرض المتصفح أي نص سميك مثل هذا النص باللون المحدد . و في الواقع يسمى هذا بتحديد اللون الأمامي للنص . هناك ثلاث طرق لتحديد اللون الذي تريد استخدامه مع هذه الخاصية : أسماء الألوان : ...
الخصائص والقيم للـ font
[color=FA0309]الخاصية font-style :[/color] هذه الخاصية وظيفتها أن تجعل النص مائل : [code]H3 { font-style: italic }[/code] عندما تخبر المتصفح أن يجعل نصاً ما مائل فإنه يبحث عن نسخة مائلة من الخط المطلوب على حاسب المستخدم ، و إذا لم يجدها فإنه في بعض الأحيان يصنع واحدة . أما إذا كنت تعرف أن النسخة المائلة من الخط المطلوب تسمى Oblique فاستخدم القيمة oblique بدلاً من القيمة ...
كيف تخبر المتصفح بالخط الذي تريد عرضه
[color=940306]كيف تخبر المتصفح بالخط الذي تريد عرضه ؟ أنت فقط تكتب اسم الخط بعد font-family أليس كذلك ؟ [/color] لسوء الحظ ، المسألة أكثر تعقيداً من هذا . فالخطوط لا تدعى دائماً بنفس الاسم عبر المنصات المختلفة . على سبيل المثال الخط Courier في ماكنتوش يدعى في ويندوز Courier New . و إذا كانت منصة ما تطلق على الخط المائل Italic فإن هناك منصة أخرى تطلق عليه Oblique . و ...
تغيير ألوان الفقرات والتحكم بها
لقد قلنا من قبل أن أي واصفة هتمل يمكن أن تعمل كمختار Selector و يرتبط بها إعلان Declaration لصفحة أنماط ، و لكن ماذا إذا أردت شيئاً أكثر تعقيداً من هذا . على سبيل المثال ، ماذا إذا أردت أن يكون نص جسم الوثيقة أخضر في الفقرة الأولى و أرجواني في الفقرة الثانية و رمادي في الفقرة الثالثة . هنا يظهر مفهوم الفئات classes ، يمكنك إنشاء ثلاث فئات مختلفة ...
تفصيلات في تقنية css
[color=FA0309]الفصل بين الشكل و البنية ..[/color] لم تعنى هتمل أبداً بالتحكم في الشكل أو مظهر صفحة الويب ، انها لغة تحدد بنية و وظيفة العناصر في الصفحة ، و تترك المتصفح يقرر كيف ستظهر هذه العناصر بالفعل . و لكن مطوري الويب الساعين نحو الكمال أرادوا المزيد ، و ابتهجوا عندما اخترعت نتسكيب واصفات هتمل جديدة جعلتهم يبدءون في التحكم في المظهر . ...
هل تعرف ماهو الـ Position وخصائصة في تقنية CSS ؟
بسم الله الرحمن الرحيم .. [color=FA0309]Position_[/color] هو أحد الأوامر المثيرة جدا في تقنية CSS فمن خلالها يمكنك تقسيم وتوزيع الموقع وتتحكم فيه كالوحة الشطرنج وسأقدم لكم فكرة عامة عنه مع الأمثلة شاهد ( [url=http://c2m.awardspace.com/examples/roba3iat]هذا المثال[/url] ) على متصفح قياسي وحاول أن تحرّك شريط التمرير الجانبي من المتصفح لترى العناصر الثابتة والعناصر ...
اصنع واجهة CSS بكل بساطة وبدون جداول
بسم الله الرحمن الرحيم ، يمكنك باستخدام أنماط الCSS صناعة واجهة موقعك وتجزئتها حسب ماتريد دون استخدام الطريقة الكلاسيكة (الجداول). وفوق هذا كله سرعه تحميل الصفحة. ولمعرفة المزيد حول : [url=http://davespicks.com/essays/notables.html]لماذا واجهة الCSS أفضل من استخدام الجداول ؟[/url] واختصرها في عملية قراءة الجدول بطيئة ، انعدام المرونه في الجداول ، سهوله ...
كيف تعمل تقنية صفحات الأنماط الانسيابية CSS
بسم الله الرحمن الرحيم بعد أن قمنا بشرح تقنية CSS صفحات الانماط الانسيابية ، وبينا أهميتها وفوائدها من خلال هذا الموضوع ، سنتعلم معا في هذا الدرس كيف تعمل تقنية صفحات الأنماط الانسيابية “CSS” أو Cascading Style Sheets ، وسنقوم معا بإنشاء أول صفحة انماط انسيابية ، حيث سأشرح لكم أساسيات هذه اللغة وكيف نربط بينها وبين صفحات HTML. إن أغلب أكواد (CSS) ...
مقدمة في لغة صفحات الانماط الانسيابية CSS-Cascading Style Sheets
بسم الله الرحمن الرحيم إن عصر تصميم المواقع بلغة HTML قد ولى ، والآن من يصمم المواقع بدون استخدام صفحات الانماط الانسيابية CSS هو باعتقادي “أمّي” في علم تصميم المواقع ، لذلك على جميع مصممي المواقع بالطريقة التقليدية تعلم هذه التقنية لمواكبة التطور السريع في علم تصميم المواقع. [color=A4D867]ماهي لغة CSS ؟[/color] إن كلمة CSS قادمة من الحروف ...