• 0

حذف ملف css وكيفية كتابة أكواد css داخل html

  • 1

هل يمكنك أن توضح سؤالك أكثر .

إذا كنت تقصد أنك تريد تصميم موقع بدون ملف css يمكنك عمل ذلك وكتابة أكواد css داخل ملف html عند طريقة كتابة أكواد css داخل تاج style هكذا :

<style>
	background-color: red;
</style>

وسوف يكن هذا التاج style داخل تاج head .

2 اشخاص أعجبوا بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

يوجد طريقتين لإضافة التنسيقات داخل ملف 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

إذا كنت تقصد أنك تريد تصميم موقع بدون ملف css يمكنك عمل ذلك وكتابة أكواد css داخل ملف html عند طريقة كتابة أكواد css داخل تاج style هكذا :

<style>

<style/>

او هكذا

<p style="color: red  font-size:50px;" > This is a paragraph </p>

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن