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

ماهي افضل طريقة لكتابة اكواد css داخل اكواد html ام في ملف خارجي؟

Designer Photoshbe

السؤال

Recommended Posts

  • 0

كلتا الطريقتان تمتلكان غرضا معينا، ولا يمكن الاستغناء بواحدة عن الأخرى ولكن في أغلب الحالات يتم التعامل مع تنسيقات css كملف خارجي بدل وضعها ضمن وسمي style في ملف html. ، وهذا لأن ذلك قد يحجز الكثير من حجم الملف إلى أن يكون التوسع في الملف والكتابة فيه متعذرا أو صعبا. ولذلك عموما، قم بفصل الملفين، إلا في حالات نادرة منها مثلا: 

  • أن تكون التنسيقات المضافة قليلة ولا تحجز حجما كبيرا من مساحة الملف أو طوله.
  • أن تكون التنسيقات المضافة ديناميكية، كأن يتم توليدها من قبل لغة واجهة خلفية أو إطار عمل ما.
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

هناك ثلاث طرق لكتابة أكواد CSS ولكل طريقه لها مزاياها وعيوبها:

1. Inline CSS:

وهي كتابة الأنماط داخل عنصر HTML مباشرة مثل:

<p style="color: blue;">Paragraph</p>

المميزات:
يتم تطبيق الأنماط مباشرة على عنصر واحد فقط.
في حالة التضارب بين الأنماط، Inline CSS يسود على Internal و External CSS اي انه أقوى أولوية من باقي الأنماط.

العيوب: 
غير مرنة وصعبة الصيانة لوجود الأنماط مختلطة مع المحتوى.
يصعب تطبيق الأنماط على مجموعات من العناصر.

2. Internal CSS: 

وهي كتابة الأنماط داخل علامة <style> داخل الصفحة HTML.

<!DOCTYPE html>
<html>
<head>
    <style>
        p {
            color: blue;
            font-size: 16px;
        }
    </style>
</head>
<body>

    <p>نص الفقرة</p>

</body>
</html>

المميزات:

توفير بعض التنظيم وإمكانية إعادة استخدام الأنماط.

العيوب:

لا يزال الكود متداخلًا مع العناصر الأخرى في الصفحة.

3. External CSS:

وهي كتابة جميع الأنماط في ملف CSS منفصل وربطه بالصفحة عن طريق <link>.

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>

    <p>نص الفقرة</p>

</body>
</html>

 

p {
    color: blue;
    font-size: 16px;
}

المميزات:
أكثر نظامًا وسهولة الصيانة. 
يمكن تطبيق الأنماط على مجموعات العناصر.
يمكن استخدام الملف نفسه على صفحات متعددة.

العيوب:

قد تكون إجراءات الاستدعاء تزيد في عدد الطلبات إلى الخادم

فالخيار الأمثل هو استخدام External CSS إلا في حالات استثنائية.

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

  • 0

يعتبر كتابة CSS داخل HTML من أبسط الطرق للتنسيق ولكن تستخدم في الحالات التالية:

  • تصلح هذه الطريقة لمشاريع صغيرة جدا بسيطة. 
  • تساعد على ربط الHTML بالCSS بسهولة اكبر.
  • تساعد في فهم الحاجة والمكان المطلوب لكل قواعد CSS.

بينما كتابة أكواد CSS في ملف منفصل : 

  • هذه هي الطريقة المفضلة والأكثر استخداما لمشاريع أكبر.
  • تساعد في تنظيم وفصل المحتوى عن التنسيق.
  • تسمح بإعادة استخدام CSS في صفحات HTML متعددة.  

في الملخص, كتابة CSS داخل HTML مفيدة للمشاريع البسيطة, بينما كتابة CSS خارجي في ملف منفصل هي الطريقة المفضلة والأكثر احترافية للمشاريع الأكبر حجما.

لذلك لن تستخدم css بداخل ملفات ال html إلا في حالات قليلة ستتعرف عليها من خلال التطبيق

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

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...