بسم الله الرحمن الرحيم
سوف نتعلم كيف ننشئ نمط خط يتمتع بالخصائص التاليه :
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=FA0309]الخاصية color : [/color]
هذه الخاصية تماثل في عملها اسمها تماماً ، فهي تحدد لون عنصر ما ، و تأخذ نفس قيم اللون في هتمل :
[code]B { color: #CCFFFF }[/code]
بهذه القاعدة سيعرض المتصفح أي نص سميك مثل هذا النص باللون المحدد . و في الواقع يسمى هذا بتحديد اللون الأمامي للنص .
هناك ثلاث طرق لتحديد اللون الذي تريد استخدامه مع هذه الخاصية :
أسماء ...
[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 ، يمكنك إنشاء ثلاث فئات ...
[color=FA0309]الفصل بين الشكل و البنية ..[/color]
لم تعنى هتمل أبداً بالتحكم في الشكل أو مظهر صفحة الويب ، انها لغة تحدد بنية و وظيفة العناصر في الصفحة ، و تترك المتصفح يقرر كيف ستظهر هذه العناصر بالفعل . و لكن مطوري الويب الساعين نحو الكمال أرادوا المزيد ، و ابتهجوا عندما اخترعت نتسكيب واصفات هتمل جديدة جعلتهم يبدءون في التحكم في المظهر . ...
بسم الله الرحمن الرحيم ..
[color=FA0309]Position_[/color] هو أحد الأوامر المثيرة جدا في تقنية CSS فمن خلالها يمكنك تقسيم وتوزيع الموقع وتتحكم فيه كالوحة الشطرنج
وسأقدم لكم فكرة عامة عنه مع الأمثلة
شاهد ( [url=http://c2m.awardspace.com/examples/roba3iat]هذا المثال[/url] ) على متصفح قياسي وحاول أن تحرّك شريط التمرير الجانبي من المتصفح لترى العناصر الثابتة والعناصر ...
بسم الله الرحمن الرحيم ، يمكنك باستخدام أنماط الCSS صناعة واجهة موقعك وتجزئتها حسب ماتريد دون استخدام الطريقة الكلاسيكة (الجداول). وفوق هذا كله سرعه تحميل الصفحة. ولمعرفة المزيد حول : [url=http://davespicks.com/essays/notables.html]لماذا واجهة الCSS أفضل من استخدام الجداول ؟[/url] واختصرها في عملية قراءة الجدول بطيئة ، انعدام المرونه في الجداول ، سهوله ...
بسم الله الرحمن الرحيم
بعد أن قمنا بشرح تقنية CSS صفحات الانماط الانسيابية ، وبينا أهميتها وفوائدها من خلال هذا الموضوع ، سنتعلم معا في هذا الدرس كيف تعمل تقنية صفحات الأنماط الانسيابية “CSS” أو Cascading Style Sheets ، وسنقوم معا بإنشاء أول صفحة انماط انسيابية ، حيث سأشرح لكم أساسيات هذه اللغة وكيف نربط بينها وبين صفحات HTML.
إن أغلب أكواد
بسم الله الرحمن الرحيم
إن عصر تصميم المواقع بلغة HTML قد ولى ، والآن من يصمم المواقع بدون استخدام صفحات الانماط الانسيابية CSS هو باعتقادي “أمّي” في علم تصميم المواقع ، لذلك على جميع مصممي المواقع بالطريقة التقليدية تعلم هذه التقنية لمواكبة التطور السريع في علم تصميم المواقع.
[color=A4D867]ماهي لغة CSS ؟[/color]
إن كلمة CSS قادمة من الحروف