اذهب إلى المحتوى
  • 0

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

جديد تطوير

السؤال

Recommended Posts

  • 1

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

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

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

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

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

  • 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 فصل الاهتمامات و أصبح هذا العرف المتبع إلى الآن.

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

  • 0

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

<style>

<style/>

او هكذا

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

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

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...