1 Walid Mohamed2 نشر 18 نوفمبر 2020 أرسل تقرير نشر 18 نوفمبر 2020 هل يمكنك أن توضح سؤالك أكثر . إذا كنت تقصد أنك تريد تصميم موقع بدون ملف css يمكنك عمل ذلك وكتابة أكواد css داخل ملف html عند طريقة كتابة أكواد css داخل تاج style هكذا : <style> background-color: red; </style> وسوف يكن هذا التاج style داخل تاج head . 2 اقتباس
0 جديد تطوير نشر 18 نوفمبر 2020 الكاتب أرسل تقرير نشر 18 نوفمبر 2020 شكرا علي هاذا الرد متواضع 1 اقتباس
0 Yomna Raouf نشر 18 نوفمبر 2020 أرسل تقرير نشر 18 نوفمبر 2020 يوجد طريقتين لإضافة التنسيقات داخل ملف html نفسه. الأولى هي ال inline style و هي إضافة التنسيقات ك attribute داخل الوسم الذي بريد إضافة التنسيقات له، مثلًا: <!-- إضافة تنسيقات للفقرة لتغيير لون الخط و حجمه و ثِقله --> <p style="color: grey; font-weight:500; font-size:20px;" > This is a paragraph </p> الثانية هي ال embedded style و هي إضافة التنسيقات داخل وسم style داخل القسم head، مثلًا: <head> <!-- و نبدأ بإضافة التنسيقات التي نريدها style نقوم بتحديد الوسوم التي نريد إضافة التنسيقات لها داخل --> <style> p { color: grey; font-size: 500; font-weight: 20px; } </style> </head> <body> <p> This is a paragraph </p> </body> و لكن لا يُنصح أبدًا بهذه الطريقة، فمن الأفضل أن تكون التنسيقات في ملف منفصل بمفردها عن الملف الذي يحتوي أكواد html. و هذا لعدة أسباب منها: تنظيم الملفات سهولة التعديل على المشاريع سهولة إصلاح المشاكل الموجودة بالأكواد تقليل حجم الملفات مما يعني تحسين أداء المواقع "و ذلك بتقليل التكرارات، لأنه عند إضافة التنسيقات مع ملف index.html سنضطر لكتابة نفس التنسيقات أكثر من مرة لجميع العناصر التي نريد إعطائها نفس التنسيق" تسهيل العمل بين أعضاء الفريق. و غيرها. فقديمًا عندما نشأ الويب كانت الطريقة المتبعة هي كتابة أكواد html و css و js في ملف واحد و لكن بسبب المشاكل التي واجهت المطورين تم فصل كل منهم في ملف بمفرده تحت ما يسمى separation of concerns فصل الاهتمامات و أصبح هذا العرف المتبع إلى الآن. 3 اقتباس
0 Baraa Adnan نشر 2 ديسمبر 2020 أرسل تقرير نشر 2 ديسمبر 2020 إذا كنت تقصد أنك تريد تصميم موقع بدون ملف css يمكنك عمل ذلك وكتابة أكواد css داخل ملف html عند طريقة كتابة أكواد css داخل تاج style هكذا : <style> <style/> او هكذا <p style="color: red font-size:50px;" > This is a paragraph </p> اقتباس
السؤال
جديد تطوير
سلام عليكم
4 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.