cssتطوير الويب

دورة CSS | الدرس  الثالث | كيفية إضافة CSS

5٬384 Views

عندما يقرأ المستعرثلاث طرق لإدراج CSS

  • توجد ثلاث طرق لإدراج ورقة أنماط:

CSS خارجي
CSS داخلي
مضمنة CSS


CSS خارجي | EXTERNAL CSS

باستخدام ورقة أنماط خارجية ، يمكنك تغيير مظهر موقع ويب بأكمله عن طريق تغيير ملف واحد فقط!

يجب أن تتضمن كل صفحة HTML مرجعًا لملف ورقة الأنماط الخارجية داخل عنصر <link> ، داخل قسم الرأس.

مثال
يتم تحديد الأنماط الخارجية داخل عنصر <link> ، داخل قسم <head> لصفحة HTML:

<!DOCTYPE html>

<html>

<head>

<link rel=”stylesheet” href=”style.css”>

</head>

<body>

  • <h1>عتوان</h1>

<p>مقطع</p>

</body>

</html>

“style.css”

body {
  background-color: lightblue;
}

h1 {
  color: navy;
  margin-left: 20px;
}

css داخلي |Internal CSS

  • يمكن استخدام أنماط داخلية إذا كانت صفحة HTML واحدة لها نمط فريد.
  • يتم تحديد النمط الداخلي داخل عنصر <style> داخل قسم head.
مثال
يتم تحديد الأنماط الداخلية داخل عنصر <style> ، داخل قسم <head> لصفحة HTML:

انقر على زر RUN في المنتصف لتفعيل الكود و رؤية النتيجة


CSS خارجي | EXTERNAL CSS

نمط نمط فريد نمط فريد من نوعه.

تعيين الأنماط السابقة يمكن أن تكون سمة النمط على أي خاصية CSS.

مثال
يتم تحديد الأنماط المضمنة في سمة “النمط” للعنصر ذي الصلة:

انقر على زر RUN في المنتصف لتفعيل الكود و رؤية النتيجة


ملاحظة.

يمكنك استخدام جميع أشكل النمط معاً في صفحة واحدة.

يمكنك استخدام عدة ملفات نمط خارجية أيضاً

admin
Author: admin

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *